img.borderless { border: 0 !important; padding: 0 !important; }



.postimage-title a



{



white-space: pre-wrap!important; /* css-3 */



white-space: -moz-pre-wrap!important; /* Mozilla, since 1999 */



white-space: -pre-wrap!important; /* Opera 4-6 */



white-space: -o-pre-wrap!important; /* Opera 7 */



word-wrap: break-word!important; /* Internet Explorer 5.5+ */



}

.postimage-title

{

height: 80px !important;

}



.home .post-thumb a img:hover {

  filter: gray; /* IE6-9 */

  filter: grayscale(1); /* Firefox 35+ */

  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */

}





.home .post-thumb a img {

  filter: none;

  -webkit-filter: grayscale(0%);

}



.entry-content a {

color: blue;

}



/* For image-based thumbnails */

.crop-thumb img {

    object-fit: cover;         /* crop instead of squish */

    object-position: center;   /* keep the center visible */

    width: 100%;

    height: 100%;

    transform: scaleX(1.53);   /* zoom in horizontally ≈ crop 20% from each side */

}



/* For background-image thumbnails */

.crop-thumb [class*="thumb"],

.crop-thumb .thumbnail,

.crop-thumb .wp-post-image {

    background-position: center;

    background-size: 153% auto; /* zoom in horizontally ≈ crop 20% each side */

}



.fd-overview{

  background:#fff;

  border-radius:12px;

  border:1px solid #e5e7eb;

  box-shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03);

  padding:22px 20px 18px;

  margin-bottom:28px;

}

 

.fd-overview-title{

  font-size:19px;

  font-weight:700;

  color:#111827;

  margin-bottom:18px;

}

 

.fd-section-label{

  font-size:11px;

  font-weight:600;

  letter-spacing:0.06em;

  text-transform:uppercase;

  color:#9ca3af;

  padding:12px 0 6px;

  margin:0;

}

 

.fd-overview .fd-section-label:first-of-type{padding-top:0}

 

.fd-overview-note{

  font-size:13px;

  color:#9ca3af;

  margin-top:14px;

  padding-top:14px;

  border-top:1px solid #f3f4f6;

  line-height:1.45;

}

 

/* ─── Flight row (grid-locked) ─── */

.fd-row{

  display:grid;

  grid-template-columns:5rem 2.75rem 5rem 1fr;

  align-items:center;

  padding:11px 8px;

  margin:0 -8px;

  border-radius:8px;

  cursor:pointer;

  transition:background-color .15s ease;

  text-decoration:none;

  color:inherit;

}

 

.fd-row+.fd-row{

  border-top:1px solid #f3f4f6;

}

 

.fd-row:hover,

.fd-row:focus-visible{

  background-color:#f0fdfa;

}

 

.fd-row:active{

  background-color:#e6f9f4;

}

 

/* Date groups */

.fd-dg{

  display:flex;

  align-items:baseline;

  gap:5px;

}

 

.fd-dg-dep{

  justify-content:flex-end;

}

 

.fd-wd{

  font-size:13px;

  font-weight:500;

  color:#9ca3af;

  min-width:11px;

}

 

.fd-dt{

  font-size:15px;

  font-weight:600;

  color:#374151;

  font-variant-numeric:tabular-nums;

  letter-spacing:-0.01em;

}

 

/* Arrow separator with nights label */

.fd-sep{

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  gap:1px;

  line-height:1;

}

 

.fd-sep svg{display:block}

 

.fd-nights{

  font-size:10px;

  font-weight:500;

  color:#9ca3af;

  white-space:nowrap;

  letter-spacing:0.02em;

}

 

/* Price + chevron */

.fd-act{

  display:flex;

  align-items:center;

  justify-content:flex-end;

  gap:10px;

}

 

.fd-pr{

  font-size:16px;

  font-weight:600;

  font-variant-numeric:tabular-nums;

  letter-spacing:-0.01em;

  transition:color .15s ease;

  white-space:nowrap;

}

 

.fd-pr-top{color:#0f766e}

.fd-pr-reg{color:#6b7280}

.fd-row:hover .fd-pr-top{color:#0d9488}

.fd-row:hover .fd-pr-reg{color:#374151}

 

/* Cheapest rows: left accent bar + tint (drawn with inset shadow so the

   negative row margin never clips it). Hooks onto .fd-pr-top in the markup.

   Scoped to month bodies only — the overview card is all best deals, so

   highlighting there would just be a solid stripe. */

.fd-month-body .fd-row[data-top]{

  background:#f0fdfa;

  box-shadow:inset 3px 0 0 0 #0f766e;

}

.fd-month-body .fd-row[data-top]:hover{

  background:#e6f9f4;

}

 

.fd-chv{

  width:28px;

  height:28px;

  min-width:28px;

  border-radius:50%;

  background:#f3f4f6;

  display:flex;

  align-items:center;

  justify-content:center;

  transition:all .2s ease;

  flex-shrink:0;

}

 

.fd-chv svg{

  width:14px;

  height:14px;

  stroke:#9ca3af;

  stroke-width:2;

  fill:none;

  stroke-linecap:round;

  stroke-linejoin:round;

  transition:all .2s ease;

}

 

.fd-row:hover .fd-chv{background:#0f766e}

.fd-row:hover .fd-chv svg{stroke:#fff;transform:translateX(1px)}

 

/* ─── Month accordion ─── */

.fd-month{border-bottom:1px solid #e5e7eb}

.fd-month:first-of-type{border-top:1px solid #e5e7eb}

 

.fd-month summary{

  display:flex;

  justify-content:space-between;

  align-items:center;

  padding:15px 4px;

  cursor:pointer;

  list-style:none;

  -webkit-user-select:none;

  user-select:none;

}

 

.fd-month summary::-webkit-details-marker{display:none}

 

.fd-month-name{

  font-size:17px;

  font-weight:700;

  color:#111827;

}

 

.fd-month-from{

  font-size:13px;

  font-weight:500;

  color:#0f766e;

  margin-left:8px;

}

 

.fd-tog{

  width:28px;

  height:28px;

  display:flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  transition:all .2s ease;

}

 

.fd-month summary:hover .fd-tog{background:#f3f4f6}

 

.fd-tog svg{

  width:18px;

  height:18px;

  stroke:#6b7280;

  stroke-width:2;

  fill:none;

  stroke-linecap:round;

  stroke-linejoin:round;

  transition:transform .25s ease;

}

 

.fd-month[open] .fd-tog svg{transform:rotate(180deg)}

.fd-month-body{padding:0 0 12px}

 

/* ─── Ad slot ─── */

.fd-ad{

  text-align:center;

  padding:22px 0;

  font-size:11px;

  font-weight:500;

  letter-spacing:0.1em;

  text-transform:uppercase;

  color:#d1d5db;

}

 

/* ─── Tip box ─── */

.fd-tip{

  background:#fff;

  border-radius:12px;

  border:1px solid #e5e7eb;

  box-shadow:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03);

  padding:18px 20px;

  margin-top:24px;

  display:flex;

  gap:14px;

  align-items:flex-start;

}

 

.fd-tip-icon{

  width:36px;

  height:36px;

  min-width:36px;

  border-radius:50%;

  background:#f0fdfa;

  display:flex;

  align-items:center;

  justify-content:center;

  margin-top:1px;

}

 

.fd-tip-icon svg{

  width:18px;

  height:18px;

  stroke:#0f766e;

  stroke-width:2;

  fill:none;

  stroke-linecap:round;

  stroke-linejoin:round;

}

 

.fd-tip-label{

  font-size:14px;

  font-weight:700;

  color:#0f766e;

  margin-bottom:3px;

}

 

.fd-tip-text{

  font-size:14px;

  color:#4b5563;

  line-height:1.5;

}

 

.fd-tip-text strong{

  font-weight:600;

  color:#1f2937;

}

 

/* ─── Mobile ─── */

@media(max-width:400px){

  .fd-row{

    grid-template-columns:4.5rem 2.5rem 4.5rem 1fr;

    padding:10px 6px;

    margin:0 -6px;

  }

  .fd-dt{font-size:14px}

  .fd-pr{font-size:15px}

  .fd-chv{width:26px;height:26px;min-width:26px}

  .fd-chv svg{width:13px;height:13px}

  .fd-overview{padding:18px 16px 16px}

}



/* hetked.ee — htd destination grid */

.htd-head{max-width:600px;margin:0 auto 4px}

.htd-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin:0 0 6px}

.htd-title{font-size:24px;font-weight:700;line-height:1.15;margin:0;color:#111827}

.htd-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af;max-width:600px;margin:24px auto 12px}



.htd-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:14px;max-width:600px;margin:0 auto 8px}



.htd-grid a[href]{

  display:block !important;overflow:hidden;

  background:#fff !important;border:1px solid #e5e7eb !important;border-radius:12px !important;

  box-shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);

  color:#111827 !important;text-decoration:none !important;font-weight:400 !important;

  padding:0 !important;margin:0 !important;

  -webkit-transition:all .2s ease;transition:all .2s ease;

}

.htd-grid a[href]:hover{

  -webkit-transform:translateY(-3px);transform:translateY(-3px);

  border-color:#cbd5e1 !important;box-shadow:0 8px 20px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);

}

.htd-grid a[href] img{

  display:block !important;width:100% !important;max-width:none !important;height:170px !important;

  -o-object-fit:cover;object-fit:cover;border:0 !important;margin:0 !important;border-radius:0 !important;

}

.htd-grid a[href] span.tcap{

  display:-webkit-flex;display:flex !important;-webkit-align-items:center;align-items:center;gap:6px;

  padding:11px 14px !important;min-height:30px;

  font-size:14.5px;font-weight:600;line-height:1.25;color:#111827 !important;

}

.htd-grid a[href] strong{font-weight:700 !important;color:#111827 !important}

.htd-grid a[href] em{

  -webkit-flex:0 0 auto;flex:0 0 auto;margin-left:auto;

  width:26px;height:26px;border-radius:50%;font-size:0;font-style:normal;

  background:#0f766e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E") center center no-repeat;

  background-size:13px 13px;

}

.htd-grid a[href]:hover em{background-color:#0d9488 !important}



@media(max-width:640px){

  .htd-grid{grid-template-columns:1fr !important}

  .htd-head,.htd-label,.htd-grid{max-width:100%}

  .htd-title{font-size:22px}

  .htd-grid a[href] img{height:165px}

}



/* Hetked: match FD's lighter prices + show the ⓘ "typical price" tooltip on hover */

.fd-context-band .fd-tip:hover .fd-tip-pop,

.fd-context-band .fd-tip:focus .fd-tip-pop,

.fd-context-band .fd-tip:focus-within .fd-tip-pop{ display:block !important; }



/* ── Hetked deal pages ── */

                                   /* lighter prices */

.fd-context-band .fd-tip:hover .fd-tip-pop,

.fd-context-band .fd-tip:focus .fd-tip-pop,

.fd-context-band .fd-tip:focus-within .fd-tip-pop{ display:block !important; }  /* ⓘ tooltip */



/* hero replaces the title — handled by the plain-selector fallback shipped in the

   page head (body.single .category-diilid ...); the has()-based versions removed

   2026-08-16 (owner GO): redundant + dead for the FB in-app 90%. */



/* taller hero photo on phones (the wide ratio was too short) */

@media (max-width: 600px){ .fd-hero{ aspect-ratio: 3 / 2; } }



.htd-sub{max-width:600px;margin:0 auto 2px;font-size:14px;line-height:1.5;color:#4b5563}

.htd-sub strong{color:#111827;font-weight:700}

@media(max-width:640px){.htd-sub{max-width:100%}}



/* OTSEBLOGI live feed — with thumbnails */

.ob{max-width:600px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}

.ob-head{margin:0 0 12px}

.ob-live{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#0f766e;text-transform:uppercase}

.ob-live i{width:8px;height:8px;border-radius:50%;background:#10b981;-webkit-animation:ob-pulse 1.8s infinite;animation:ob-pulse 1.8s infinite}

@-webkit-keyframes ob-pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}

@keyframes ob-pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}

.ob-meta{font-size:12.5px;color:#6b7280;margin:0}

.ob-feed{list-style:none;margin:0;padding:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}

.ob-feed li{margin:0;padding:0}

.ob-feed li+li{border-top:1px solid #f1f3f5}

.ob-feed a[href]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:12px;padding:10px 12px;text-decoration:none !important;color:#111827 !important;font-weight:400 !important;-webkit-transition:background .15s ease;transition:background .15s ease}

.ob-feed a[href]:hover{background:#f0fdfa}

.ob-feed a[href] img{-webkit-flex:0 0 auto;flex:0 0 auto;display:block;width:58px;height:44px;object-fit:cover;border-radius:8px;border:0;margin:0;max-width:none}

.ob-body{-webkit-flex:1 1 auto;flex:1 1 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:2px;min-width:0}

.ob-route{font-size:14.5px;font-weight:600;color:#111827 !important;line-height:1.25}

.ob-route strong{font-weight:700;color:#111827 !important}

.ob-when{font-size:11.5px;color:#9ca3af;font-variant-numeric:tabular-nums}

.ob-feed em{-webkit-flex:0 0 auto;flex:0 0 auto;width:24px;height:24px;border-radius:50%;font-size:0;font-style:normal;background:#0f766e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'/%3E%3C/svg%3E") center center no-repeat;background-size:12px 12px}

.ob-feed a[href]:hover em{background-color:#0d9488 !important}

.ob-foot{font-size:12.5px;color:#6b7280;margin:10px 2px 0}

@media(max-width:640px){.ob{max-width:100%}.ob-feed a[href] img{width:52px;height:40px}}



/* --- wpautop guard for .htd-grid (2026-08-19) -------------------------------

   wpautop() injects newlines around block-level tags and then paragraph-wraps

   the siblings. The fd-tip box is a <div> INSIDE .htd-grid, so wpautop closes a

   <p> before it and opens a new <p> after it -- and every remaining tile ends up

   inside that one <p>. A <p> is a grid ITEM, so those tiles collapsed into a

   single 1-column cell and stacked instead of sitting side by side (verified on

   post 26876: 4 tiles direct children, 4 trapped in a 293x896 <p>).

   display:contents drops the stray <p> out of the box tree so its children

   become grid items directly; empty wpautop paragraphs then occupy no cell. */

.htd-grid > p{display:contents}

.htd-grid > br{display:none}



/* kill legacy theme image frames — hetked 2026-08 */

.post .entry-content > p img,

.slposts-block-thumbnail a > img,

.entry-content img,

.post-thumb img,

.crop-thumb img {

  border: 0 !important;

  padding: 0 !important;

  background: none !important;

}

/* --- "Vaata rohkem" progressive reveal on long campaign sections (2026-08-21) -----------
   A section with MORE than 10 tiles shows its first 5 and reveals 5 more per click, so the
   next origin heading is not 60 destinations away. sale_render marks a still-hidden tile with
   data-more="N"; the reveal script REMOVES that attribute, so a revealed tile needs no class
   of its own and falls straight back to the ordinary tile rule below.
   The !important and the extra attribute in the selector are both REQUIRED: the base rule
   `.htd-grid a[href]{display:block!important}` would otherwise win on both count and origin. */
.htd-grid a[href][data-more]{display:none!important}
.htd-more{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;
  width:auto;min-height:44px;margin:2px 0 0;padding:10px 18px;border:1px solid #0f766e;
  border-radius:999px;background:#fff;color:#0f766e;font:inherit;font-size:14px;font-weight:600;
  line-height:1.2;letter-spacing:0;text-transform:none;cursor:pointer;
  -webkit-appearance:none;appearance:none;box-shadow:none;text-shadow:none}
.htd-more:hover{background:#0f766e;color:#fff}
.htd-more .htd-more-n{opacity:.65;font-weight:600}
.htd-more:hover .htd-more-n{opacity:.9;color:#fff}

/* --- feed row thumbnails must stay 58px wide (2026-08-21) -------------------------------
   Smush's lazy-load writes `--smush-placeholder-width: 2560px` INLINE on the <img> and sizes
   the placeholder from it, which beat `.fp-home .feed img{width:58px}`. The height:44px still
   applied, so a row's thumbnail rendered 494x44 -- it ate the whole flex row, squeezed the
   text block (.fb2) to ZERO width, and the caption wrapped one character per line: measured
   rows of 568/478/460/605px against an intended 65px. Only the row whose source happened to be
   a -300x145 thumbnail looked right. Locking flex-basis AND max-width (not just width) leaves
   Smush nothing to grow into. */
.fp-home .feed a img{flex:0 0 58px!important;width:58px!important;max-width:58px!important;
  min-width:58px!important;height:44px!important;object-fit:cover!important}
.fp-home .feed .fb2{min-width:0!important}
/* 2026-09-30 front-page width: hetked mirrors .fp-home at min(920px,100vw-48px) from 1024px up, but the theme article
   (.fl-wrap, --fl-maxw 760px, 20px gutters) left .fl-content at 720px, so .fp-home spilled ~200px past its box and the page
   scrolled sideways at 1024px. Front page only: widen the article to 920 + 2x20 gutters, and never let .fp-home exceed its box. */
body.fd-mirror-front .fl-wrap.fd-home-article{max-width:960px}
body.fd-mirror-front .fl-wrap .fl-content .fp-home{max-width:100%}

/* fd-good-price (2026-09-30): hetked "Diilide ajalugu" card mirror. Baked colours (theme tokens not used); body.single
   scope beats the theme's older .fd-auth rules. No :has(), no JS. Markup from mu-plugins/fd-good-price.php. */
body.single .fd-auth{margin:22px 0 8px;border:1px solid #e3e5e9;border-radius:10px;background:#f7f8fa;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body.single .fd-auth-sum{display:flex;align-items:center;gap:9px;padding:13px 15px;min-height:44px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;user-select:none}
body.single .fd-auth-sum::-webkit-details-marker{display:none}
body.single .fd-auth-sum::marker{content:""}
body.single .fd-auth-sum::after{content:none;display:none}
body.single .fd-auth-title{font-weight:700;font-size:1rem;color:#0c111d}
body.single .fd-auth-peek{margin-left:auto;font-size:.82rem;color:#5b6472;white-space:nowrap}
body.single .fd-auth-chev{flex:none;width:0;height:0;margin-left:2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #5b6472;transition:transform .2s ease}
body.single .fd-auth[open] .fd-auth-chev{transform:rotate(180deg)}
body.single .fd-auth-body{padding:0 15px 13px}
body.single .fd-auth-bestline{font-size:.82rem;color:#5b6472;margin:0 0 6px}
body.single .fd-auth-chart{margin:4px 0 6px;aspect-ratio:auto}
body.single .fd-auth-svg{display:block;width:100%;height:auto}
body.single .fd-auth-goodt{font-size:.86rem;color:#475569;margin:0 0 8px;line-height:1.5}
@media (max-width:380px){body.single .fd-auth-sum{gap:6px;padding:13px 12px}body.single .fd-auth-peek{font-size:.78rem}}