/*
Theme Name: OceanWP Child
Template: oceanwp
*/

/**
 * Seo4Starters site-wide editorial surface
 * Lightweight inline SVG: no extra request, no impact on document semantics.
 */
:root{
  --s4s-site-surface:#f2f6fb;
  --s4s-site-surface-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%236f9fce' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M18 34h42l18 18h45l22-22h19M28 132h34l20-22h40l18 18h28M92 0v30M92 150v30'/%3E%3C/g%3E%3Cg fill='%237ea9d3' fill-opacity='.18'%3E%3Ccircle cx='18' cy='34' r='3'/%3E%3Ccircle cx='78' cy='52' r='3'/%3E%3Ccircle cx='145' cy='30' r='3'/%3E%3Ccircle cx='28' cy='132' r='3'/%3E%3Ccircle cx='82' cy='110' r='3'/%3E%3Ccircle cx='140' cy='128' r='3'/%3E%3C/g%3E%3C/svg%3E");
  --s4s-site-surface-gradient:linear-gradient(180deg,#f7faff 0%,#eef4fa 52%,#f8fbfe 100%);
}

body{
  background-color:var(--s4s-site-surface);
}

/* Default content canvas used by posts, pages and taxonomy archives. */
#main{
  background-color:var(--s4s-site-surface);
  background-image:var(--s4s-site-surface-pattern),var(--s4s-site-surface-gradient);
  background-repeat:repeat,no-repeat;
  background-size:180px 180px,100% 100%;
  background-position:top center,top center;
}

/* Native English homepage: preserve the dark hero and tint only light sections. */
body.s4s-native-home main[aria-label="Seo4starters homepage"]{
  background-color:var(--s4s-site-surface);
  background-image:var(--s4s-site-surface-pattern),var(--s4s-site-surface-gradient);
  background-repeat:repeat,no-repeat;
  background-size:180px 180px,100% 100%;
}
body.s4s-native-home .s4-intro,
body.s4s-native-home .s4-insights,
body.s4s-native-home .s4-bottom{
  background-color:rgba(255,255,255,.9);
  background-image:var(--s4s-site-surface-pattern);
  background-repeat:repeat;
  background-size:180px 180px;
}
body.s4s-native-home .s4-signals{
  background-image:var(--s4s-site-surface-pattern),linear-gradient(180deg,#f3f7ff 0%,#edf4fb 100%);
  background-repeat:repeat,no-repeat;
  background-size:180px 180px,100% 100%;
}

/* Custom Hebrew homepage: preserve its hero while sharing the same light texture. */
#s4s-he-home{
  background-color:var(--s4s-site-surface);
  background-image:var(--s4s-site-surface-pattern),var(--s4s-site-surface-gradient);
  background-repeat:repeat,no-repeat;
  background-size:180px 180px,100% 100%;
}
#s4s-he-home .s4s-topic-section{
  background-image:var(--s4s-site-surface-pattern),linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(242,246,255,.94) 100%);
  background-repeat:repeat,no-repeat;
  background-size:180px 180px,100% 100%;
}

@media(max-width:820px){
  #main,
  body.s4s-native-home main[aria-label="Seo4starters homepage"],
  body.s4s-native-home .s4-intro,
  body.s4s-native-home .s4-signals,
  body.s4s-native-home .s4-insights,
  body.s4s-native-home .s4-bottom,
  #s4s-he-home,
  #s4s-he-home .s4s-topic-section{
    background-size:140px 140px,100% 100%;
  }
}

/* === S4S ABOUT LIGHT EDITORIAL START === */
/* About: Light Technical Editorial, matching the Hebrew flagship guides. */
body.page-id-263 .elementor-element-s4saboutroot{padding-block:44px 72px}
body.page-id-263 #s4s-about{
  --ink:#26384d;--muted:#5e7188;--panel:#fff;--line:#d8e3ef;--blue:#246fb2;--cyan:#078b82;
  max-width:1100px;margin:0 auto;padding:clamp(24px,4vw,52px);color:var(--ink);font-family:Arial,"Inter",sans-serif;font-size:1.7rem;line-height:1.75;
  background:rgba(255,255,255,.88);border:1px solid rgba(186,204,223,.82);border-radius:28px;box-shadow:0 28px 80px rgba(46,72,105,.14);backdrop-filter:blur(3.5px)
}
body.page-id-263 #s4s-about *{box-sizing:border-box}
body.page-id-263 #s4s-about h2,body.page-id-263 #s4s-about h3{color:#16283d;line-height:1.22}
body.page-id-263 #s4s-about h2{font-size:clamp(2.5rem,3vw,3.7rem);margin:58px 0 18px}
body.page-id-263 #s4s-about h3{margin:0 0 10px}
body.page-id-263 #s4s-about p{margin:0 0 18px}
body.page-id-263 #s4s-about a{color:#1768a7;text-underline-offset:3px}
body.page-id-263 #s4s-about .hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:30px;align-items:stretch;padding:clamp(26px,4vw,46px);border:1px solid #2b415c;border-radius:24px;background:linear-gradient(145deg,#0b1625,#12243a);box-shadow:0 24px 60px rgba(33,55,82,.22)}
body.page-id-263 #s4s-about .kicker{display:inline-flex;padding:7px 12px;border:1px solid #4387ba;border-radius:999px;color:#b8e0ff;background:#0d2a40;font-size:.82rem;font-weight:700;letter-spacing:.04em}
body.page-id-263 #s4s-about .hero h2{margin:18px 0 16px;font-size:clamp(3.2rem,4.5vw,5.4rem);color:#fff}
body.page-id-263 #s4s-about .hero p{color:#dce7f5}
body.page-id-263 #s4s-about .hero .lead{font-size:1.85rem;color:#e5eef9}
body.page-id-263 #s4s-about .identity{padding:26px;border:1px solid #334a67;border-radius:22px;background:linear-gradient(160deg,#192d46,#0f1d2f);display:flex;flex-direction:column;justify-content:center;color:#eef4ff}
body.page-id-263 #s4s-about .monogram{width:82px;height:82px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#58a7ff,#5ce0d0);color:#061220;font-size:2.1rem;font-weight:900;margin-bottom:18px;box-shadow:0 14px 34px rgba(76,179,220,.2)}
body.page-id-263 #s4s-about .identity strong{font-size:2rem;color:#fff}
body.page-id-263 #s4s-about .identity span{color:#b8c8dc}
body.page-id-263 #s4s-about .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.page-id-263 #s4s-about .card{padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f6f9fd);box-shadow:0 14px 34px rgba(49,76,108,.09)}
body.page-id-263 #s4s-about .card p{color:var(--muted);margin:0}
body.page-id-263 #s4s-about .principles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
body.page-id-263 #s4s-about .principle{padding:20px;border:1px solid #d8e5ef;border-right:3px solid var(--cyan);background:linear-gradient(120deg,#fff,#f2faf9);border-radius:14px;color:#354c62;box-shadow:0 10px 26px rgba(49,76,108,.07)}
body.page-id-263 #s4s-about .principle strong{color:#19354e}
body.page-id-263 #s4s-about .contact{margin-top:56px;padding:30px;border:1px solid #3c65a0;border-radius:20px;background:radial-gradient(circle at 10% 0,#1c5182,#102238 65%);color:#eaf2fb;box-shadow:0 20px 45px rgba(37,54,92,.18)}
body.page-id-263 #s4s-about .contact h2{color:#fff;margin-top:0}
body.page-id-263 #s4s-about .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
body.page-id-263 #s4s-about .button{display:inline-flex;align-items:center;min-height:44px;padding:12px 18px;border-radius:10px;background:#62aaff;color:#07121f!important;text-decoration:none;font-weight:800}
body.page-id-263 #s4s-about .button.secondary{background:#172d47;color:#dcecff!important;border:1px solid #6486aa}
@media(max-width:760px){
  body.page-id-263 .elementor-element-s4saboutroot{padding-block:24px 48px}
  body.page-id-263 #s4s-about{padding:20px;border-radius:18px;backdrop-filter:none}
  body.page-id-263 #s4s-about .hero,body.page-id-263 #s4s-about .grid,body.page-id-263 #s4s-about .principles{grid-template-columns:1fr}
  body.page-id-263 #s4s-about .hero{padding:24px 20px}
  body.page-id-263 #s4s-about .hero h2{font-size:3.4rem}
  body.page-id-263 #s4s-about h2{margin-top:44px}
  body.page-id-263 #s4s-about .identity{padding:22px}
  body.page-id-263 #s4s-about .contact{padding:24px}
}
/* === S4S ABOUT LIGHT EDITORIAL END === */

/* === S4S ECOMMERCE LIGHT EDITORIAL START === */
/* Ecommerce: shared Light Technical Editorial system. */
body.postid-1359 main.elementor-element-2103da1{
  padding-block:44px 72px;
}
body.postid-1359 main.elementor-element-2103da1>.e-con-inner{max-width:1180px!important;width:calc(100% - 32px)!important}
body.postid-1359 main.elementor-element-2103da1 .elementor-element-3021aa5{display:none!important}
body.postid-1359 main.elementor-element-2103da1 .elementor-element-1ec10a0,
body.postid-1359 main.elementor-element-2103da1 .elementor-element-50779ad,
body.postid-1359 main.elementor-element-2103da1 .elementor-1359,
body.postid-1359 main.elementor-element-2103da1 .elementor-element-ecom2026,
body.postid-1359 main.elementor-element-2103da1 .elementor-element-ecomhtml{--width:100%!important;width:100%!important;max-width:none!important;flex-basis:100%}
body.postid-1359 #s4s-guide{
  --ink:#26384d;--muted:#5e7188;--panel:#ffffff;--panel2:#f7faff;--line:#d8e3ef;--blue:#246fb2;--cyan:#078b82;--violet:#6758b8;
  max-width:1100px;margin:0 auto;padding:clamp(24px,4vw,52px);color:var(--ink);font-family:Arial,"Heebo",sans-serif;font-size:1.6rem;line-height:1.8;
  background:rgba(255,255,255,.88);border:1px solid rgba(186,204,223,.82);border-radius:28px;box-shadow:0 28px 80px rgba(46,72,105,.14);backdrop-filter:blur(3.5px)
}
body.postid-1359 #s4s-guide *{box-sizing:border-box}
body.postid-1359 #s4s-guide a{color:#1768a7;text-decoration-thickness:.0625rem;text-underline-offset:.1875rem}
body.postid-1359 #s4s-guide h2,body.postid-1359 #s4s-guide h3{color:#16283d;line-height:1.25;margin:0 0 1rem}
body.postid-1359 #s4s-guide h2{font-size:clamp(1.65rem,3vw,2.35rem);margin-top:4rem}
body.postid-1359 #s4s-guide h3{font-size:1.25rem}
body.postid-1359 #s4s-guide p{margin:0 0 1.125rem}
body.postid-1359 #s4s-guide ul,body.postid-1359 #s4s-guide ol{padding-right:1.375rem;margin:0 0 1.375rem}
body.postid-1359 #s4s-guide li{margin-bottom:.5625rem}
body.postid-1359 #s4s-guide .hero{overflow:hidden;border:1px solid #c8d6e6;border-radius:1.5rem;background:linear-gradient(135deg,#0c1421,#162944);box-shadow:0 1.5rem 3.75rem rgba(33,55,82,.25);margin-bottom:2.375rem}
body.postid-1359 #s4s-guide .hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
body.postid-1359 #s4s-guide .hero-copy{padding:2.125rem 2.375rem 2.375rem;background:linear-gradient(180deg,#102038f2,#111d2d)}
body.postid-1359 #s4s-guide .eyebrow{display:inline-flex;padding:.4375rem .75rem;border:1px solid #6e65b5;border-radius:999px;color:#e4dfff;background:#28204c;font-size:.82rem;font-weight:700}
body.postid-1359 #s4s-guide .lead{font-size:1.18rem;color:#e6eef8;max-width:56.25rem;margin-top:1.125rem}
body.postid-1359 #s4s-guide .answer{border-right:.25rem solid #16a39a;background:linear-gradient(120deg,#e9f8f5,#f3f9fc);padding:1.5rem 1.75rem;border-radius:1rem;margin:1.875rem 0;color:#28475a;box-shadow:inset 0 0 0 1px #cde9e5}
body.postid-1359 #s4s-guide .answer strong{color:#08786f}
body.postid-1359 #s4s-guide .toc{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.875rem 0}
body.postid-1359 #s4s-guide .toc a{display:block;padding:.875rem 1rem;border:1px solid #d5e2ef;border-radius:.75rem;background:rgba(255,255,255,.94);text-decoration:none;color:#27435f;font-weight:700;box-shadow:0 .5rem 1.5rem rgba(50,80,112,.07);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
body.postid-1359 #s4s-guide .toc a:hover{border-color:#6ca4d6;transform:translateY(-.125rem);box-shadow:0 .75rem 1.75rem rgba(50,80,112,.12)}
body.postid-1359 #s4s-guide .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem;margin:1.5rem 0}
body.postid-1359 #s4s-guide .card{padding:1.5rem;border:1px solid var(--line);border-radius:1.125rem;background:linear-gradient(145deg,#fff,#f6f9fd);box-shadow:0 .875rem 2.125rem rgba(49,76,108,.09)}
body.postid-1359 #s4s-guide .num{display:grid;place-items:center;width:2.375rem;height:2.375rem;border-radius:.75rem;background:#ebe9ff;color:#5b4daa;font-weight:800;margin-bottom:1rem}
body.postid-1359 #s4s-guide .steps{counter-reset:step;display:grid;gap:1.125rem;margin:1.625rem 0}
body.postid-1359 #s4s-guide .step{position:relative;padding:1.5625rem 4.5rem 1.5625rem 1.5625rem;border:1px solid var(--line);border-radius:1.0625rem;background:linear-gradient(120deg,#fff,#f7faff);box-shadow:0 .75rem 1.75rem rgba(49,76,108,.07)}
body.postid-1359 #s4s-guide .step:before{counter-increment:step;content:counter(step);position:absolute;right:1.25rem;top:1.375rem;display:grid;place-items:center;width:2.375rem;height:2.375rem;border-radius:.75rem;background:linear-gradient(145deg,#526fe4,#755bc8);color:#fff;font-weight:900}
body.postid-1359 #s4s-guide .step h3{margin-top:.125rem}
body.postid-1359 #s4s-guide .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:1rem;margin:1.5rem 0;box-shadow:0 1rem 2.5rem rgba(49,76,108,.08)}
body.postid-1359 #s4s-guide table{width:100%;border-collapse:collapse;min-width:45rem;background:#fff}
body.postid-1359 #s4s-guide th,body.postid-1359 #s4s-guide td{padding:1rem;border-bottom:1px solid #dfe8f1;text-align:right;vertical-align:top}
body.postid-1359 #s4s-guide th{background:#eaf1f9;color:#203b58}
body.postid-1359 #s4s-guide tr:nth-child(even) td{background:#f9fbfd}
body.postid-1359 #s4s-guide tr:last-child td{border-bottom:0}
body.postid-1359 #s4s-guide .checklist{list-style:none;padding:0;display:grid;gap:.75rem}
body.postid-1359 #s4s-guide .checklist li{position:relative;padding:.875rem 3.125rem .875rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;margin:0;box-shadow:0 .5rem 1.5rem rgba(49,76,108,.06)}
body.postid-1359 #s4s-guide .checklist li:before{content:"✓";position:absolute;right:.9375rem;top:.8125rem;color:#078b82;font-weight:900;font-size:1.2rem}
body.postid-1359 #s4s-guide .warning{padding:1.375rem 1.625rem;border:1px solid #e4d2aa;border-radius:1rem;background:#fff8e9;color:#624a20;margin:1.75rem 0}
body.postid-1359 #s4s-guide .sources{margin-top:4rem;padding:1.75rem;border:1px solid var(--line);border-radius:1.125rem;background:#f7faff}
body.postid-1359 #s4s-guide .sources li{overflow-wrap:anywhere}
body.postid-1359 #s4s-guide .cta{margin:3.5rem 0 .5rem;padding:2.125rem;border:1px solid #5145a0;border-radius:1.375rem;background:radial-gradient(circle at 15% 10%,#382d77,#122238 62%);color:#eaf1fb;box-shadow:0 1.5rem 3.5rem rgba(40,48,95,.2)}
body.postid-1359 #s4s-guide .cta h2{color:#fff;margin-top:0}
body.postid-1359 #s4s-guide .cta a{display:inline-block;margin-top:.5rem;padding:.75rem 1.125rem;border-radius:.625rem;background:#a797ff;color:#100c22;text-decoration:none;font-weight:900}
@media(max-width:820px){
  body.postid-1359 main.elementor-element-2103da1{padding-block:24px 48px;background-size:140px 140px}
  body.postid-1359 main.elementor-element-2103da1>.e-con-inner{width:calc(100% - 16px)!important}
  body.postid-1359 #s4s-guide{line-height:1.72;border-radius:18px;padding:20px;backdrop-filter:none}
  body.postid-1359 #s4s-guide .hero{border-radius:1.125rem}
  body.postid-1359 #s4s-guide .hero-copy{padding:1.5rem 1.25rem}
  body.postid-1359 #s4s-guide .toc,body.postid-1359 #s4s-guide .grid{grid-template-columns:1fr}
  body.postid-1359 #s4s-guide h2{margin-top:3rem}
  body.postid-1359 #s4s-guide .card{padding:1.25rem}
  body.postid-1359 #s4s-guide .step{padding:4.5rem 1.25rem 1.375rem}
  body.postid-1359 #s4s-guide .step:before{right:1.25rem;top:1.125rem}
  body.postid-1359 #s4s-guide .cta{padding:1.5rem}
}
@media(prefers-reduced-motion:reduce){body.postid-1359 #s4s-guide .toc a{transition:none}}
/* === S4S ECOMMERCE LIGHT EDITORIAL END === */

/* === S4S FLAGSHIP COMPACT HERO START === */
/* Compact hero media for flagship guides: preserves impact with less vertical occupation. */
body.postid-1350 #s4s-site-guide .hero img,
body.postid-1359 #s4s-guide .hero img{
  width:100%;height:clamp(300px,38vw,460px);max-height:460px;aspect-ratio:auto;object-fit:cover;object-position:center;display:block
}
@media(max-width:820px){
  body.postid-1350 #s4s-site-guide .hero img,
  body.postid-1359 #s4s-guide .hero img{height:auto;max-height:230px;aspect-ratio:2/1}
}
/* === S4S FLAGSHIP COMPACT HERO END === */