/* travel-deals.css — Travelpayouts monetization blocks (flights / hotels / eSIM)
   Matches the site cyan+gray light theme. RTL-first. */
.td-section{margin:40px 0 0}
/* injected before the footer on pages with no shared content wrapper (blog articles
   use .article, not .container) — supply our own width so it never goes full-bleed */
.td-section.td-standalone{max-width:800px;margin:40px auto;padding:0 20px}
.td-block{background:#fff;border:1px solid var(--gray-200,#e2e8f0);border-radius:var(--radius,12px);padding:20px;margin:20px 0;box-shadow:var(--shadow,0 4px 6px -1px rgb(0 0 0/.1))}
.td-block h2,.td-block h3{margin:0 0 4px;border:none;padding:0}
.td-title{font-size:1.25rem;font-weight:800;color:var(--gray-800,#1e293b);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.td-sub{font-size:.88rem;color:var(--gray-500,#64748b);margin:0 0 14px}
.td-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;align-items:end}
.td-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.td-field label{font-size:.78rem;font-weight:600;color:var(--gray-600,#475569)}
.td-field input,.td-field select{width:100%;padding:10px 12px;border:1px solid var(--gray-300,#cbd5e1);border-radius:8px;font-family:inherit;font-size:.9rem;color:var(--gray-800,#1e293b);background:#fff}
.td-field input:focus,.td-field select:focus{outline:2px solid var(--cyan-400,#22d3ee);outline-offset:-1px;border-color:transparent}
.td-btn{display:block;width:100%;text-align:center;padding:15px 24px;border:none;border-radius:var(--radius,12px);font-family:inherit;font-weight:800;font-size:1.05rem;color:#fff;cursor:pointer;transition:.2s;line-height:1.3}
.td-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg,0 10px 15px -3px rgb(0 0 0/.1))}
.td-btn-flights{background:linear-gradient(135deg,#1c8ce3,#00a6ff);margin-top:16px}
.td-btn-hotels{background:linear-gradient(135deg,#e8422f,#ff6b4a);margin-top:16px}
.td-note{font-size:.78rem;color:var(--gray-400,#94a3b8);margin-top:10px;text-align:center}
/* Primary (paying) source card */
.td-primary{border:2px solid #00a6ff;background:linear-gradient(135deg,#f0f9ff,#fff);position:relative;overflow:hidden}
.td-primary-badge{position:absolute;top:0;inset-inline-start:0;background:linear-gradient(135deg,#1c8ce3,#00a6ff);color:#fff;font-size:.72rem;font-weight:700;padding:4px 14px;border-end-end-radius:10px}
.td-brand{display:flex;align-items:center;gap:12px;margin:14px 0 4px}
.td-brand-mark{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#1c8ce3,#00a6ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.35rem;flex:none}
.td-brand-name{font-weight:800;font-size:1.1rem;color:var(--gray-800,#1e293b)}
.td-brand-desc{font-size:.82rem;color:var(--gray-500,#64748b)}
/* Secondary sources */
.td-secondary-title{font-size:.95rem;font-weight:700;color:var(--gray-600,#475569);margin:24px 0 10px}
.td-esim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.td-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--gray-200,#e2e8f0);border-radius:10px;background:#fff;transition:.2s;text-decoration:none;color:inherit}
.td-card:hover{border-color:var(--cyan-400,#22d3ee);transform:translateY(-2px);box-shadow:var(--shadow,0 4px 6px -1px rgb(0 0 0/.1))}
.td-card .td-ico{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex:none;background:var(--cyan-50,#ecfeff)}
.td-card .td-nm{font-weight:700;font-size:.94rem}
.td-card .td-ds{font-size:.78rem;color:var(--gray-500,#64748b)}
/* Affiliate disclosure */
.td-disclosure{max-width:900px;margin:28px auto 0;padding:14px 20px;font-size:.82rem;line-height:1.7;color:var(--gray-500,#64748b);background:var(--gray-100,#f1f5f9);border:1px solid var(--gray-200,#e2e8f0);border-radius:10px;text-align:center}
footer .td-disclosure{background:transparent;border:none;color:var(--gray-400,#94a3b8);margin-top:10px}
@media(max-width:600px){.td-form{grid-template-columns:1fr 1fr}.td-block{padding:16px}.td-title{font-size:1.1rem}}
/* Primary source rendered as a link (search results panel) */
.td-primary-link{display:block;text-decoration:none;color:inherit}
.td-primary-link:hover{box-shadow:var(--shadow-lg,0 10px 15px -3px rgb(0 0 0/.1))}
.td-brand,.td-brand>span{display:flex}
.td-brand>span{flex-direction:column;justify-content:center;min-width:0}
.td-brand-name,.td-brand-desc{display:block}

/* ---- Go City: deliberately a dark card. Go City's own branding is dark, and the
   contrast against the light page makes the offer read as an offer, not as body copy. */
.gc-block{background:linear-gradient(150deg,#141a2e 0%,#1e2545 55%,#2a1f4d 100%);border:1px solid #2f3a63;color:#e8ecf7}
.gc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.gc-block .gc-logo{font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:4px 12px;border-radius:8px}
.gc-block .gc-tag{font-size:.78rem;color:#9fb0d8}
.gc-block .gc-promo{display:inline-block;background:linear-gradient(135deg,#f5a524,#ff7a45);color:#20160a;font-weight:800;font-size:.8rem;padding:5px 12px;border-radius:999px;margin-bottom:10px}
.gc-block .gc-title{font-size:1.18rem;font-weight:800;color:#fff;line-height:1.45;margin-bottom:6px}
.gc-block .gc-sub{font-size:.9rem;color:#b9c5e4;margin-bottom:4px}
.gc-btn{background:linear-gradient(135deg,#7b5cff,#a855f7);margin-top:16px;color:#fff}
.gc-btn:hover{box-shadow:0 10px 22px -6px rgba(123,92,255,.55)}
.gc-block .gc-note{color:#8595bd !important}

/* ---- AirHelp: the highest-margin placement on the site, so it is deliberately the
   loudest block — deep blue against the page's cyan, with an amber CTA. */
.ah-block{background:linear-gradient(145deg,#0a2a63 0%,#123f95 55%,#1657c4 100%);border:1px solid #2a5bb5;color:#eaf1ff}
.ah-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ah-block .ah-logo{font-weight:800;font-size:1.05rem;color:#0a2a63;background:#fff;padding:4px 12px;border-radius:8px}
.ah-block .ah-tag{font-size:.78rem;color:#a8c3f0}
.ah-block .ah-promo{display:inline-block;background:linear-gradient(135deg,#ffd166,#ffb020);color:#3a2600;font-weight:800;font-size:.8rem;padding:5px 12px;border-radius:999px;margin-bottom:10px}
.ah-block .ah-title{font-size:1.25rem;font-weight:800;color:#fff;line-height:1.45;margin-bottom:6px}
.ah-block .ah-sub{font-size:.92rem;color:#d8e6fc;margin-bottom:10px}
.ah-list{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:6px}
.ah-block .ah-list li{font-size:.88rem;color:#e6efff;padding-inline-start:22px;position:relative}
.ah-block .ah-list li::before{content:"\2713";position:absolute;inset-inline-start:0;color:#7ee0a6;font-weight:800}
.ah-btn{background:linear-gradient(135deg,#ffb020,#ff8a3d);color:#2b1a00;margin-top:16px;font-size:1.1rem}
.ah-btn:hover{box-shadow:0 10px 22px -6px rgba(255,150,40,.55)}
.ah-block .ah-note{color:#93aeda !important}
/* compact variant used on destination pages */
.ah-block.ah-compact .ah-title{font-size:1.08rem}
.ah-block.ah-compact .ah-sub{font-size:.88rem;margin-bottom:8px}
.ah-block.ah-compact .ah-btn{font-size:1rem;margin-top:12px}

/* ---- eSIM: Yesim is the primary (18% / 90-day cookie vs Airalo's 12% / 30-day),
   so it gets the full-width branded card and Airalo sits under it as the alternative.
   Text rules are scoped under .esim-primary because destination pages style
   ".content p" and blog articles ".article p", which outrank bare class selectors. */
.esim-primary{position:relative;overflow:hidden;display:block;margin:14px 0 0;padding:18px;border-radius:var(--radius,12px);text-decoration:none;background:linear-gradient(140deg,#07303a 0%,#0d5566 55%,#0e7490 100%);border:1px solid #14758c;transition:.2s}
.esim-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg,0 10px 15px -3px rgb(0 0 0/.1))}
.esim-primary .esim-badge{position:absolute;top:0;inset-inline-start:0;background:linear-gradient(135deg,#22d3ee,#0891b2);color:#04212a;font-size:.72rem;font-weight:800;padding:4px 14px;border-end-end-radius:10px}
.esim-primary .esim-row{display:flex;align-items:center;gap:12px;margin-top:14px}
.esim-primary .esim-mark{flex:none;width:64px;height:44px;border-radius:9px;background:#fff;color:#0b3b47;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center}
.esim-primary .esim-copy{display:flex;flex-direction:column;min-width:0}
.esim-primary .esim-nm{display:block;font-weight:800;font-size:1rem;color:#fff}
.esim-primary .esim-ds{display:block;font-size:.85rem;color:#bfe6f0;line-height:1.6}
.esim-primary .esim-cta{display:block;margin-top:14px;text-align:center;padding:13px 20px;border-radius:var(--radius,12px);background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#04212a;font-weight:800;font-size:1.02rem}
.esim-block .esim-alt-label{margin:16px 0 8px;font-size:.8rem;font-weight:700;color:var(--gray-500,#64748b)}
@media(max-width:600px){.esim-primary .esim-mark{width:54px;height:40px;font-size:.85rem}
.esim-primary .esim-row{align-items:flex-start}}

/* ---- Travel insurance (EKTA). Second-highest margin after AirHelp, so it gets a
   tinted card rather than a plain one — but stays lighter than AirHelp so the
   page still has a clear visual hierarchy. */
.ins-cta{display:block;margin-top:14px;padding:16px;border-radius:var(--radius,12px);text-decoration:none;background:linear-gradient(140deg,#eafaf1,#d7f3e5);border:1px solid #a7e0c4;transition:.2s}
.ins-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow,0 4px 6px -1px rgb(0 0 0/.1))}
.ins-cta .ins-row{display:flex;align-items:center;gap:12px}
.ins-cta .ins-mark{flex:none;width:64px;height:44px;border-radius:9px;background:#0f7a4d;color:#fff;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center}
.ins-cta .ins-copy{display:flex;flex-direction:column;min-width:0}
.ins-cta .ins-nm{display:block;font-weight:800;font-size:1rem;color:#0b3d28}
.ins-cta .ins-ds{display:block;font-size:.85rem;color:#2f6b51;line-height:1.6}
.ins-cta .ins-btn{display:block;margin-top:14px;text-align:center;padding:13px 20px;border-radius:var(--radius,12px);background:linear-gradient(135deg,#12a463,#0f7a4d);color:#fff;font-weight:800;font-size:1.02rem}
/* ---- Car rental + airport transfer: plain cards, they are mid-funnel add-ons. */
.td-btn-car{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
.td-btn-transfer{background:linear-gradient(135deg,#0f766e,#0d9488)}
@media(max-width:600px){.ins-cta .ins-mark{width:54px;height:40px;font-size:.82rem}.ins-cta .ins-row{align-items:flex-start}}