/* =========================================================
   Main — NETA Base
========================================================= */

:root {
    --bg: #f3eee3;
    --text: #24190f;
    --muted: #756b5f;
    --white: #ffffff;
    --black: #111111;
    --border: rgba(36, 25, 15, 0.12);

    --container: 1180px;
    --page-padding: 20px;
    --radius: 28px;

    --font-body: Arial, "Helvetica Neue", sans-serif;
    --font-display: Georgia, "Times New Roman", serif;
    --font-label: Arial, "Helvetica Neue", sans-serif;
    --font-button: Arial, "Helvetica Neue", sans-serif;
    --font-nav: Arial, "Helvetica Neue", sans-serif;

    --size-nav: 15px;
    --size-button: 14px;

    --weight-nav: 700;
    --weight-button: 800;

    --neta-paper: #eee6d8;
    --neta-paper-light: #fffaf1;
    --neta-linen: #ded4c2;
    --neta-walnut: #24190f;
    --neta-walnut-soft: #4d4035;
    --neta-clay: #8f765d;
    --neta-brass: #8f7b5d;
    --neta-brass-light: #cdbb98;
    --neta-stone: #b8b0a2;
    --neta-muted: #756b5f;
    --neta-white: #fffaf1;

    --neta-line: rgba(36, 25, 15, 0.14);
    --neta-line-soft: rgba(36, 25, 15, 0.08);

    --neta-glow: 0 34px 95px rgba(143, 123, 93, 0.16);
    --neta-shadow: 0 30px 80px rgba(36, 25, 15, 0.15);
    --neta-shadow-soft: 0 20px 55px rgba(36, 25, 15, 0.08);
}

/* =========================================================
   Theme Palettes — Fabric Collection
========================================================= */

/* 01 — בד בז׳ */
html[data-neta-theme="fabric-beige"] {
    --bg: #f3eee3;
    --text: #24190f;
    --muted: #756b5f;
    --border: rgba(36, 25, 15, 0.12);

    --neta-paper: #eee6d8;
    --neta-paper-light: #fffaf1;
    --neta-linen: #ded4c2;
    --neta-walnut: #24190f;
    --neta-walnut-soft: #4d4035;
    --neta-clay: #8f765d;
    --neta-brass: #8f7b5d;
    --neta-brass-light: #cdbb98;
    --neta-stone: #b8b0a2;
    --neta-muted: #756b5f;
    --neta-white: #fffaf1;

    --neta-line: rgba(36, 25, 15, 0.14);
    --neta-line-soft: rgba(36, 25, 15, 0.08);

    --neta-glow: 0 34px 95px rgba(143, 123, 93, 0.16);
    --neta-shadow: 0 30px 80px rgba(36, 25, 15, 0.15);
    --neta-shadow-soft: 0 20px 55px rgba(36, 25, 15, 0.08);
}

/* 02 — בד אפור בהיר */
html[data-neta-theme="fabric-light"] {
    --bg: #efeee9;
    --text: #23211e;
    --muted: #6f6c65;
    --border: rgba(35, 33, 30, 0.12);

    --neta-paper: #e9e7df;
    --neta-paper-light: #faf8f2;
    --neta-linen: #d8d5cc;
    --neta-walnut: #23211e;
    --neta-walnut-soft: #4d4a43;
    --neta-clay: #817567;
    --neta-brass: #817b6e;
    --neta-brass-light: #c7c1b2;
    --neta-stone: #aaa69c;
    --neta-muted: #6f6c65;
    --neta-white: #fffaf1;

    --neta-line: rgba(35, 33, 30, 0.14);
    --neta-line-soft: rgba(35, 33, 30, 0.08);

    --neta-glow: 0 34px 95px rgba(129, 123, 110, 0.14);
    --neta-shadow: 0 30px 80px rgba(35, 33, 30, 0.14);
    --neta-shadow-soft: 0 20px 55px rgba(35, 33, 30, 0.08);
}

/* 03 — בד פחם */
html[data-neta-theme="fabric-charcoal"] {
    --bg: #e9e7e2;
    --text: #171615;
    --muted: #625f5a;
    --border: rgba(23, 22, 21, 0.12);

    --neta-paper: #e5e2dc;
    --neta-paper-light: #f7f5ef;
    --neta-linen: #d0ccc4;
    --neta-walnut: #171615;
    --neta-walnut-soft: #33312e;
    --neta-clay: #746a61;
    --neta-brass: #605d58;
    --neta-brass-light: #b8b2a7;
    --neta-stone: #99958f;
    --neta-muted: #625f5a;
    --neta-white: #fffaf1;

    --neta-line: rgba(23, 22, 21, 0.14);
    --neta-line-soft: rgba(23, 22, 21, 0.08);

    --neta-glow: 0 34px 95px rgba(96, 93, 88, 0.14);
    --neta-shadow: 0 30px 80px rgba(23, 22, 21, 0.16);
    --neta-shadow-soft: 0 20px 55px rgba(23, 22, 21, 0.09);
}

/* 04 — בד ירוק עמוק */
html[data-neta-theme="fabric-green"] {
    --bg: #e8ece4;
    --text: #122522;
    --muted: #5e6d67;
    --border: rgba(18, 37, 34, 0.12);

    --neta-paper: #e3e8df;
    --neta-paper-light: #f8faf2;
    --neta-linen: #cbd6ca;
    --neta-walnut: #122522;
    --neta-walnut-soft: #31443f;
    --neta-clay: #756f5d;
    --neta-brass: #49665d;
    --neta-brass-light: #9db7aa;
    --neta-stone: #94a39d;
    --neta-muted: #5e6d67;
    --neta-white: #fffaf1;

    --neta-line: rgba(18, 37, 34, 0.14);
    --neta-line-soft: rgba(18, 37, 34, 0.08);

    --neta-glow: 0 34px 95px rgba(73, 102, 93, 0.16);
    --neta-shadow: 0 30px 80px rgba(18, 37, 34, 0.15);
    --neta-shadow-soft: 0 20px 55px rgba(18, 37, 34, 0.08);
}

/* 05 — בד אפור */
html[data-neta-theme="fabric-gray"] {
    --bg: #ecebe7;
    --text: #20201e;
    --muted: #686660;
    --border: rgba(32, 32, 30, 0.12);

    --neta-paper: #e7e5df;
    --neta-paper-light: #f8f6f1;
    --neta-linen: #d3d0c8;
    --neta-walnut: #20201e;
    --neta-walnut-soft: #45433f;
    --neta-clay: #807469;
    --neta-brass: #77736a;
    --neta-brass-light: #beb8ad;
    --neta-stone: #9f9b94;
    --neta-muted: #686660;
    --neta-white: #fffaf1;

    --neta-line: rgba(32, 32, 30, 0.14);
    --neta-line-soft: rgba(32, 32, 30, 0.08);

    --neta-glow: 0 34px 95px rgba(119, 115, 106, 0.14);
    --neta-shadow: 0 30px 80px rgba(32, 32, 30, 0.14);
    --neta-shadow-soft: 0 20px 55px rgba(32, 32, 30, 0.08);
}

/* =========================================================
   Reset
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body.neta-site {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    direction: rtl;
    background: var(--bg);
    color: var(--text);
    font-family: Arial, sans-serif;
    overflow-x: hidden;
}

body.neta-site * {
    min-width: 0;
}

body.neta-site img,
body.neta-site video,
body.neta-site iframe,
body.neta-site svg,
body.neta-site canvas {
    max-width: 100%;
}

body.neta-site img,
body.neta-site video {
    height: auto;
    display: block;
}

body.neta-site a {
    color: inherit;
    text-decoration: none;
}

body.neta-site button,
body.neta-site input,
body.neta-site textarea,
body.neta-site select {
    font: inherit;
}

/* =========================================================
   WordPress / Hello Elementor Full Width Fix
========================================================= */

body.neta-site #page,
body.neta-site .site,
body.neta-site .site-content,
body.neta-site .content-area,
body.neta-site .page-content,
body.neta-site .entry-content,
body.neta-site .entry,
body.neta-site .hentry,
body.neta-site main,
body.neta-site .site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   Layout
========================================================= */

.container {
    width: calc(100% - var(--page-padding) * 2);
    max-width: var(--container);
    margin-inline: auto;
}

.site-main {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body.neta-site .site-main > section {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

body.neta-site .container {
    width: calc(100% - var(--page-padding) * 2) !important;
    max-width: var(--container) !important;
    margin-inline: auto !important;
}

/* =========================================================
   Typography Cleanup
========================================================= */

body.neta-site h1,
body.neta-site h2,
body.neta-site h3,
body.neta-site h4,
body.neta-site h5,
body.neta-site h6,
body.neta-site p {
    margin-top: 0;
}

/* =========================================================
   Media Safety
========================================================= */

body.neta-site figure {
    margin: 0;
}

body.neta-site picture {
    display: block;
}

/* =========================================================
   Header Safety
========================================================= */

.neta-header,
.site-header,
body.neta-site header {
    width: 100%;
    max-width: 100%;
}

/* =========================================================
   Mobile
========================================================= */

@media (max-width: 899px) {
    :root {
        --page-padding: 16px;
    }

    body.neta-site .container,
    .container {
        width: calc(100% - 32px) !important;
        max-width: var(--container) !important;
        margin-inline: auto !important;
    }

    .site-main {
        overflow-x: hidden;
    }
}

/* =========================================================
   Small Mobile
========================================================= */

@media (max-width: 560px) {
    :root {
        --page-padding: 16px;
    }

    body.neta-site .container,
    .container {
        width: calc(100% - 32px) !important;
        max-width: var(--container) !important;
    }
}

/* =========================================================
   Very Small Mobile
========================================================= */

@media (max-width: 390px) {
    :root {
        --page-padding: 14px;
    }

    body.neta-site .container,
    .container {
        width: calc(100% - 28px) !important;
        max-width: var(--container) !important;
    }
}