/**
 * Parsi Asl child theme: Elementor integration
 * Neutralises Elementor container spacing so section widgets render exactly like the design,
 * and keeps the editor preview faithful.
 */
/* Structural containers created by the demo importer. Spacing is expressed through Elementor's own
 * container variables (no !important), so the Layout/Advanced controls of every container stay editable:
 * a value set in the editor (more specific selector) overrides these design defaults. */
.e-con.pa-sec{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--content-width:100%;--width:100%;--flex-wrap:nowrap;--display:block;display:block;max-width:none}
.e-con.pa-sec.section,.e-con.pa-sec.promo{--padding-top:64px;--padding-bottom:64px}
@media (min-width:768px){.e-con.pa-sec.section{--padding-top:88px;--padding-bottom:88px}}
.e-con.pa-sec.page-hero{--padding-top:36px;--padding-bottom:42px}
.e-con.pa-sec>:where(.elementor-element),.e-con.pa-sec>.e-con-inner>:where(.elementor-element){width:100%;max-width:100%;margin:0}
.e-con.pa-sec.hero{display:block}
/* Page structure: section container (.pa-sec) > box container (.pa-box, usually .container) > widgets.
 * Boxes are plain block flow like the source markup; layout boxes (.split …) keep their design grid. */
.e-con.pa-box{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--content-width:100%;--flex-wrap:nowrap;--display:block;display:block;min-width:0}
.e-con.pa-box:not(.container){--width:100%;max-width:none}
.e-con.pa-box.container{--width:min(1280px,calc(100% - 28px));--margin-left:auto;--margin-right:auto;max-width:none}
@media (min-width:768px){.e-con.pa-box.container{--width:min(1280px,calc(100% - 48px))}}
@media (min-width:1440px){.e-con.pa-box.container{--width:min(1320px,calc(100% - 64px))}}
.e-con.pa-box.split{display:grid;gap:16px}
.e-con.pa-box>:where(.elementor-element),.e-con.pa-box>.e-con-inner>:where(.elementor-element){width:100%;max-width:100%;margin:0;min-width:0}
.e-con.pa-box.split>.elementor-element>.card,.e-con.pa-box.split>.elementor-element>.summary,.e-con.pa-box.split>.elementor-element>.prose{height:100%}
.e-con.pa-box .elementor-widget-image img{display:block;width:100%;height:auto}
.elementor-widget-container>.container:first-child{margin-top:0}
body.elementor-editor-active .e-con.pa-sec,body.elementor-editor-active .e-con.pa-box{min-height:24px}
/* Elementor kit typography should not override the design system inside widgets */
.elementor-kit-body .pa-sec h1,.elementor-kit-body .pa-sec h2,.elementor-kit-body .pa-sec h3,.elementor-kit-body .pa-sec h4{font-family:inherit}
/* Pro popup carrying the notice content */
.elementor-popup-modal .pa-notice-popup{max-width:440px;margin:auto}

/* Native Elementor widgets dressed with the design tokens (the kit does not style buttons/fields globally). */
.elementor-button{font-family:inherit;font-weight:800;border-radius:13px;padding:14px 18px;background:var(--blue);color:#fff}
.elementor-button:hover,.elementor-button:focus{background:var(--blue2);color:#fff}
.elementor-widget-text-editor a,.elementor-widget-heading a{color:var(--blue)}
.elementor-widget-text-editor a:hover{color:var(--gold2)}
.elementor-field-group .elementor-field-textual{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);font-family:inherit;min-height:46px}
.elementor-field-group .elementor-field-textual:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(205,166,106,.28)}
.elementor-form .elementor-button{width:auto}