.elementor-kit-6{--e-global-color-primary:#F6A21A;--e-global-color-secondary:#54595F;--e-global-color-text:#111111;--e-global-color-accent:#5B6470;--e-global-color-3b7384e:#F7F7F5;--e-global-color-674bd7c:#E6E2DA;--e-global-color-bddc083:#FFFFFF;--e-global-color-08e9d84:#6B7280;--e-global-color-af65c63:#151362;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );border-radius:14px 14px 14px 14px;padding:14px 18px 14px 18px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#D98400;color:var( --e-global-color-text );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );text-decoration:underline;}.elementor-kit-6 h1{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:700;letter-spacing:-0.5px;}.elementor-kit-6 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-kit-6 h3{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-kit-6 img{opacity:1;}.elementor-kit-6 img:hover{opacity:98;}.elementor-kit-6 label{color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{color:var( --e-global-color-text );accent-color:var( --e-global-color-secondary );background-color:var( --e-global-color-bddc083 );border-style:solid;border-color:var( --e-global-color-674bd7c );border-radius:12px 12px 12px 12px;padding:12px 14px 12px 14px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{border-style:solid;border-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */html { font-size: 16px; } /* Default root size */

.xxxlarge :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(3.00rem, 2.48276rem + 2.20690vw, 4.00rem);
    line-height: 1.3;
}

.xxlarge :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(2.50rem, 1.98276rem + 2.20690vw, 3.50rem);
    line-height: 1.3;
}

.xlarge :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(2.00rem, 1.48276rem + 2.20690vw, 3.00rem);
    line-height: 1.3;
}

.large :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(1.50rem, 0.98276rem + 2.20690vw, 2.50rem);
    line-height: 1.3;
}

.xmedium :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(1.25rem, 0.86207rem + 1.65517vw, 2.00rem);
    line-height: 1.3;
}

.medium :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(1.19rem, 1.02586rem + 0.68966vw, 1.50rem);
    line-height: 1.3;
}

.small :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(1.13rem, 1.06034rem + 0.27586vw, 1.25rem);
    line-height: 1.3;
}

.xsmall :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(1.00rem, 0.93534rem + 0.27586vw, 1.13rem);
    line-height: 1.3;
}

.xxsmall :is(h1, h2, h3, h4, h5, h6, p, a, span) {
    font-size: clamp(0.82rem, 0.76681rem + 0.24828vw, 0.94rem);
    line-height: 1.3;
}

.price-from{
  font-size:.72em;
  opacity:.75;
  font-weight:500;
  display:block;
  line-height:1;
  margin-bottom:.15em;
}

.hero_heading :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: clamp(1.50rem, 0.72414rem + 3.31034vw, 3.00rem);
    line-height: 1.1;
}
/* =========================================================
   SEA SILK BLOG UI KIT (v4.0)
   Elementor Hello + Gutenberg post content
   Scope: single posts only
   Includes:
   - Premium separators + ultra-subtle pulse
   - Quick Answer dark “enterprise” card (sst-quickanswer)
   - Premium tables (raised card) + orange accent on OUTER card
   - Table caption styled INSIDE the card (use Table Caption)
   - Cards, callouts, CTA
   - Season grid + optional tiles system
   - Rank Math FAQ styling:
       Works with your custom classes (sst-faq__q / sst-faq__a / sst-faq--premium)
       AND works with default RankMath markup (rank-math-question / rank-math-answer)
   Notes:
   - DOES NOT set body background (Elementor template handles it)
   - Keeps image radius at 4px
   ========================================================= */


/* ---------- Brand tokens ---------- */
:root{
  --sst-navy: #0b1f33;
  --sst-orange: #f7a51b;
  --sst-text: rgba(15,23,42,.92);

  /* Radii */
  --sst-radius: 12px;
  --sst-radius-soft: 16px;
  --sst-radius-img: 4px;

  /* Shadows */
  --sst-shadow-strong: 0 18px 50px rgba(15,23,42,.16), 0 6px 16px rgba(15,23,42,.08);
  --sst-shadow:        0 14px 36px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);
  --sst-shadow-soft:   0 10px 26px rgba(15,23,42,.10), 0 2px  8px rgba(15,23,42,.06);

  --sst-border: 1px solid rgba(15,23,42,.10);
  --sst-border-soft: 1px solid rgba(15,23,42,.08);

  /* FAQ spacing knobs */
  --sst-faq-title-gap: 18px;  /* space between “FAQ” H2 and first item */
  --sst-faq-gap: 16px;        /* space between FAQ items */
  --sst-faq-q-gap: 12px;      /* space between question and answer box */
  --sst-faq-answer-pad: 14px; /* padding inside answer box */
}


/* =========================================================
   0) Base content (Elementor + fallback)
   ========================================================= */
.single-post :where(.elementor-widget-theme-post-content .elementor-widget-container, .entry-content){
  color: var(--sst-text);
  font-size: 18px;
  line-height: 1.75;
}

/* Rhythm */
.single-post :where(.elementor-widget-theme-post-content .elementor-widget-container, .entry-content) > *{
  margin-bottom: 18px;
}

/* Lead paragraph */
.single-post :where(.elementor-widget-theme-post-content .elementor-widget-container, .entry-content) > p:first-of-type{
  font-size: 19px;
  line-height: 1.85;
}

/* Headings */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) h1,
.single-post :where(.elementor-widget-theme-post-content, .entry-content) h2,
.single-post :where(.elementor-widget-theme-post-content, .entry-content) h3{
  letter-spacing: -0.02em;
  line-height: 1.18;
  color: rgba(15,23,42,.96);
}

.single-post :where(.elementor-widget-theme-post-content, .entry-content) h2{
  font-size: 30px;
  margin-top: 34px;
  margin-bottom: 14px;
  position: relative;
  padding-bottom: 8px;
}

/* H2 underline accent */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) h2::after{
  content:"";
  display:block;
  width: 66px;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sst-orange), rgba(247,165,27,.12));
}

.single-post :where(.elementor-widget-theme-post-content, .entry-content) h3{
  font-size: 22px;
  margin-top: 26px;
  margin-bottom: 12px;
}

/* Links */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) a{
  color: var(--sst-navy);
  text-decoration-color: rgba(247,165,27,.70);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* Lists */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) ul,
.single-post :where(.elementor-widget-theme-post-content, .entry-content) ol{
  margin-top: 8px;
  margin-bottom: 18px;
}
.single-post :where(.elementor-widget-theme-post-content, .entry-content) ul li::marker{
  color: var(--sst-orange);
  font-size: 1.05em;
}

/* Images */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) img{
  border-radius: var(--sst-radius-img);
}
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure{
  margin: 0 0 18px;
}
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figcaption{
  font-size: 14px;
  opacity: .72;
  margin-top: 8px;
}

/* Blockquotes */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) blockquote{
  background: rgba(11,31,51,.04);
  border-left: 4px solid rgba(247,165,27,.75);
  padding: 14px 16px;
  border-radius: var(--sst-radius);
  margin: 18px 0;
}


/* =========================================================
   1) Separators (premium + ultra-subtle pulse)
   ========================================================= */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) hr.wp-block-separator{
  border: 0 !important;
  height: 1px !important;
  width: 72% !important;
  margin: 48px auto !important;
  background: linear-gradient(90deg,
    rgba(15,23,42,0) 0%,
    rgba(15,23,42,.22) 18%,
    rgba(15,23,42,.22) 82%,
    rgba(15,23,42,0) 100%
  ) !important;
  position: relative !important;
}

.single-post :where(.elementor-widget-theme-post-content, .entry-content) hr.wp-block-separator::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  transform: translate(-50%, -50%) !important;
  background: var(--sst-orange) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 0 5px rgba(247,165,27,.18);
}

/* Ultra-subtle “bring gaze back” pulse */
@keyframes sst_sep_pulse{
  0%, 100% { box-shadow: 0 0 0 5px rgba(247,165,27,.16); }
  50%      { box-shadow: 0 0 0 7px rgba(247,165,27,.10); }
}
.single-post :where(.elementor-widget-theme-post-content, .entry-content) hr.wp-block-separator::after{
  animation: sst_sep_pulse 4.8s ease-in-out infinite;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .single-post :where(.elementor-widget-theme-post-content, .entry-content) hr.wp-block-separator::after{
    animation: none !important;
  }
}

/* breathing room after separator */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) hr.wp-block-separator + h2,
.single-post :where(.elementor-widget-theme-post-content, .entry-content) hr.wp-block-separator + h3{
  margin-top: 34px !important;
}


/* =========================================================
   2) Quick Answer — dark enterprise card
   Use: wrap the section in <div class="sst-quickanswer">
   ========================================================= */
.single-post .sst-quickanswer{
  background: rgba(11,31,51,.96);
  color: rgba(255,255,255,.92);
  border-radius: var(--sst-radius);
  padding: 22px;
  border: 1px solid rgba(247,165,27,.22);
  box-shadow: var(--sst-shadow-strong);
  position: relative;
  overflow: hidden;
  margin: 18px 0 22px;
}
.single-post .sst-quickanswer::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height:4px;
  background: linear-gradient(90deg, var(--sst-orange), rgba(247,165,27,.22));
}
.single-post .sst-quickanswer > *:last-child{ margin-bottom: 0 !important; }

.single-post .sst-quickanswer :where(h2, .wp-block-heading){
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}
.single-post .sst-quickanswer :where(h2, .wp-block-heading)::after{
  background: linear-gradient(90deg, var(--sst-orange), rgba(247,165,27,.18)) !important;
}
.single-post .sst-quickanswer ul{ margin: 10px 0 12px !important; }
.single-post .sst-quickanswer ul li::marker{ color: var(--sst-orange) !important; }
.single-post .sst-quickanswer em{ color: rgba(255,255,255,.78); }


/* =========================================================
   3) Premium tables — raised outer card + correct accent + caption inside
   ========================================================= */

/* Outer card is FIGURE */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;

  border: 1px solid rgba(15,23,42,.06);
  border-radius: var(--sst-radius);
  padding: 14px;
  box-shadow: var(--sst-shadow-soft);
  margin: 18px 0 12px;

  position: relative;
  overflow: hidden; /* clip accent to rounded corners */
}

/* ORANGE ACCENT ON OUTER CARD (fixes “wrong orange line”) */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background: linear-gradient(90deg, var(--sst-orange), rgba(247,165,27,.22));
  border-radius: var(--sst-radius) var(--sst-radius) 0 0;
  z-index: 5;
  pointer-events: none;
}

/* Inner table */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--sst-radius);
  overflow: hidden;
  background: #fff;
  border: var(--sst-border);
  box-shadow: 0 12px 28px rgba(15,23,42,.12) !important;
  position: relative;
}

/* Kill any old “accent bars” on the table itself (prevents double lines) */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) :is(figure.wp-block-table table::before, .wp-block-table table::before){
  content: none !important;
}

/* Cells */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table th,
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table td{
  border: 0 !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  padding: 12px 14px;
  vertical-align: top;
}

/* Header row padding (more premium breathing room) */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table thead th{
  background: rgba(11,31,51,.92);
  color: #fff;
  font-weight: 800;
  position: relative;
  z-index: 2;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table tbody tr:nth-child(even) td{
  background: rgba(15,23,42,.03);
}
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table tbody tr:last-child td{
  border-bottom: 0 !important;
}

/* Caption INSIDE the table block (this is your “*water temps…” note) */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table figcaption{
  margin: 12px 0 0;
  padding: 12px 2px 0;
  border-top: 1px solid rgba(15,23,42,.08);
  font-size: 14px;
  font-style: italic;
  color: rgba(15,23,42,.72);
}

@media (max-width: 600px){
  .single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table{
    padding: 12px;
  }
  .single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table th,
  .single-post :where(.elementor-widget-theme-post-content, .entry-content) figure.wp-block-table td{
    padding: 10px 12px;
    font-size: 16px;
  }
}


/* =========================================================
   4) Reusable components
   ========================================================= */
.single-post .sst-card{
  background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.96) 100%);
  border-radius: var(--sst-radius);
  padding: 20px;
  border: var(--sst-border);
  box-shadow: var(--sst-shadow-soft);
  margin: 18px 0;
}

.single-post .sst-callout{
  background: linear-gradient(180deg, rgba(11,31,51,.05) 0%, #ffffff 80%);
  border-radius: var(--sst-radius);
  padding: 16px 16px 10px;
  border: 1px solid rgba(11,31,51,.14);
  box-shadow: 0 10px 22px rgba(15,23,42,.06);
  margin: 16px 0;
  position: relative;
}
.single-post .sst-callout::before{
  content: "🧭";
  position: absolute;
  left: 14px;
  top: 14px;
  font-size: 18px;
  opacity: .9;
}
.single-post .sst-callout > *{ margin-left: 26px; }

.single-post .sst-cta{
  background: linear-gradient(180deg, rgba(247,165,27,.16) 0%, #ffffff 65%);
  border-radius: var(--sst-radius);
  padding: 22px;
  border: 1px solid rgba(247,165,27,.28);
  box-shadow: var(--sst-shadow-strong);
  margin: 18px 0;
}

/* Accent utilities */
.single-post .sst-accent-sand{ background:#fff7ea !important; }
.single-post .sst-accent-sea{  background:#eef7ff !important; }
.single-post .sst-accent-coral{background:#fff1ec !important; }
.single-post .sst-accent-mint{ background:#effaf4 !important; }
.single-post .sst-accent-bar{ border-top: 4px solid var(--sst-orange); }


/* =========================================================
   5) Season grid (Gutenberg Columns with class sst-season-grid)
   ========================================================= */
.single-post .sst-season-grid{
  gap: 14px;
  margin: 18px 0 26px;
}
.single-post .sst-season-grid > .wp-block-column{
  border-radius: var(--sst-radius);
  padding: 18px 16px;
  border: var(--sst-border);
  box-shadow: var(--sst-shadow-soft);
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease;
}
.single-post .sst-season-grid > .wp-block-column:hover{
  transform: translateY(-2px);
  box-shadow: var(--sst-shadow);
}
.single-post .sst-season-grid > .wp-block-column::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height:4px;
  background: linear-gradient(90deg, var(--sst-orange), rgba(247,165,27,.22));
  border-radius: var(--sst-radius) var(--sst-radius) 0 0;
}
.single-post .sst-season-grid > .wp-block-column:nth-child(1){ background:#f4f7ff; }
.single-post .sst-season-grid > .wp-block-column:nth-child(2){ background:#effaf4; }
.single-post .sst-season-grid > .wp-block-column:nth-child(3){ background:#fff7ea; }
.single-post .sst-season-grid > .wp-block-column:nth-child(4){ background:#fff1ec; }
.single-post .sst-season-grid h3{ margin-top: 0; }
.single-post .sst-season-grid ul{ margin-bottom: 0; }


/* =========================================================
   6) OPTIONAL tiles system (sst-tiles + sst-tile)
   (use if you ever want a grid that’s not Gutenberg Columns)
   ========================================================= */
.single-post .sst-tiles{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 18px 0 26px;
}
@media (max-width: 980px){ .single-post .sst-tiles{ grid-template-columns: repeat(2,1fr);} }
@media (max-width: 560px){ .single-post .sst-tiles{ grid-template-columns: 1fr;} }

.single-post .sst-tile{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
  background: #fff;
}
.single-post .sst-tile-head{
  padding: 12px 14px;
  color: #fff;
  font-weight: 800;
}
.single-post .sst-tile-body{
  padding: 14px;
  background: rgba(255,255,255,.75);
}
.single-post .sst-winter .sst-tile-head{ background:#2b4c7e; } .single-post .sst-winter{ background:#f4f7ff; }
.single-post .sst-spring .sst-tile-head{ background:#2e7d65; } .single-post .sst-spring{ background:#effaf4; }
.single-post .sst-summer .sst-tile-head{ background:#e59b2f; } .single-post .sst-summer{ background:#fff7ea; }
.single-post .sst-autumn .sst-tile-head{ background:#d96b38; } .single-post .sst-autumn{ background:#fff1ec; }


/* =========================================================
   7) Rank Math FAQ — premium styling
   Works with:
   - Your custom classes: sst-faq / sst-faq--premium / sst-faq__q / sst-faq__a
   - Default markup: .wp-block-rank-math-faq-block .rank-math-faq-item
                    OR .rank-math-faq .rank-math-list-item
   ========================================================= */

/* Ensure FAQ title isn’t glued to first item */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) h2 + .sst-faq,
.single-post :where(.elementor-widget-theme-post-content, .entry-content) h2 + .wp-block-rank-math-faq-block{
  margin-top: var(--sst-faq-title-gap);
}

/* Wrapper spacing */
.single-post :where(.elementor-widget-theme-post-content, .entry-content) :is(.sst-faq, .rank-math-faq, .wp-block-rank-math-faq-block){
  margin: 18px 0 8px;
}

/* Premium item cards */
.single-post :where(.elementor-widget-theme-post-content, .entry-content)
:is(
  .sst-faq--premium .rank-math-faq-item,
  .sst-faq--premium .rank-math-list-item,
  .wp-block-rank-math-faq-block .rank-math-faq-item,
  .rank-math-faq .rank-math-list-item
){
  background: #fff;
  border: var(--sst-border);
  border-radius: var(--sst-radius);
  box-shadow: var(--sst-shadow-soft);
  padding: 18px 18px 16px;
  margin: 0 0 var(--sst-faq-gap);
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* top accent */
.single-post :where(.elementor-widget-theme-post-content, .entry-content)
:is(
  .sst-faq--premium .rank-math-faq-item::before,
  .sst-faq--premium .rank-math-list-item::before,
  .wp-block-rank-math-faq-block .rank-math-faq-item::before,
  .rank-math-faq .rank-math-list-item::before
){
  content:"";
  position:absolute;
  left:0; top:0;
  width:100%;
  height:4px;
  background: linear-gradient(90deg, var(--sst-orange), rgba(247,165,27,.22));
}

/* hover lift */
.single-post :where(.elementor-widget-theme-post-content, .entry-content)
:is(
  .sst-faq--premium .rank-math-faq-item:hover,
  .sst-faq--premium .rank-math-list-item:hover,
  .wp-block-rank-math-faq-block .rank-math-faq-item:hover,
  .rank-math-faq .rank-math-list-item:hover
){
  transform: translateY(-2px);
  box-shadow: var(--sst-shadow);
  border-color: rgba(15,23,42,.16);
}

/* Question (supports your class + default class) */
.single-post :where(.elementor-widget-theme-post-content, .entry-content)
:is(
  .sst-faq--premium .sst-faq__q,
  .sst-faq--premium .rank-math-question,
  .wp-block-rank-math-faq-block .rank-math-question,
  .rank-math-faq .rank-math-question
){
  margin: 0;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: rgba(15,23,42,.96);
  padding: 2px 0 0;
  margin-bottom: var(--sst-faq-q-gap);
  position: relative;
  padding-left: 22px;
}

/* orange dot bullet for question */
.single-post :where(.elementor-widget-theme-post-content, .entry-content)
:is(
  .sst-faq--premium .sst-faq__q::before,
  .sst-faq--premium .rank-math-question::before,
  .wp-block-rank-math-faq-block .rank-math-question::before,
  .rank-math-faq .rank-math-question::before
){
  content:"";
  position:absolute;
  left:0;
  top: .55em;
  width:10px;
  height:10px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: var(--sst-orange);
  box-shadow: 0 0 0 5px rgba(247,165,27,.12);
}

/* Answer (supports your class + default class) */
.single-post :where(.elementor-widget-theme-post-content, .entry-content)
:is(
  .sst-faq--premium .sst-faq__a,
  .sst-faq--premium .rank-math-answer,
  .wp-block-rank-math-faq-block .rank-math-answer,
  .rank-math-faq .rank-math-answer
){
  margin: 0;
  padding: var(--sst-faq-answer-pad);
  border-radius: 12px;
  background: rgba(11,31,51,.04);
  border: 1px solid rgba(11,31,51,.08);
  color: rgba(15,23,42,.90);
}

/* tidy paragraphs inside answer */
.single-post :where(.elementor-widget-theme-post-content, .entry-content)
:is(.rank-math-answer p, .sst-faq__a p){
  margin: 0;
}

/* Remove bullets if RankMath outputs ul/ol internally */
.single-post :where(.elementor-widget-theme-post-content, .entry-content)
:is(.sst-faq--premium, .rank-math-faq, .wp-block-rank-math-faq-block) :where(ul,ol){
  list-style: none;
  padding-left: 0;
}

/* Mobile */
@media (max-width: 600px){
  .single-post :where(.elementor-widget-theme-post-content, .entry-content)
  :is(.sst-faq__q, .rank-math-question){
    font-size: 18px;
  }
}
/* =========================================================
   v4.0.1 HOTFIX — Force orange dot on FAQ questions
   Paste LAST (very bottom)
   ========================================================= */

/* Ensure questions have room for the dot */
.single-post .wp-block-rank-math-faq-block .rank-math-question,
.single-post .rank-math-faq-item > .rank-math-question,
.single-post .rank-math-list-item > .rank-math-question,
.single-post .sst-faq__q{
  position: relative !important;
  padding-left: 22px !important;
}

/* The orange dot */
.single-post .wp-block-rank-math-faq-block .rank-math-question::before,
.single-post .rank-math-faq-item > .rank-math-question::before,
.single-post .rank-math-list-item > .rank-math-question::before,
.single-post .sst-faq__q::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: .65em !important;
  width: 10px !important;
  height: 10px !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: var(--sst-orange) !important;
  box-shadow: 0 0 0 5px rgba(247,165,27,.12) !important;
  display: block !important;
  z-index: 2 !important;
}

/* If any theme/plugin tries to kill pseudo-elements, override it */
.single-post .wp-block-rank-math-faq-block .rank-math-question::after,
.single-post .sst-faq__q::after{
  content: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/manrope-v20-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/manrope-v20-latin-200.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/manrope-v20-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/manrope-v20-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/manrope-v20-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/manrope-v20-latin-700.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/inter-v20-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/inter-v20-latin-100.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/inter-v20-latin-200.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/inter-v20-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/inter-v20-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://seasilk.travel/wp-content/uploads/2025/12/inter-v20-latin-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */