/* Tia Trip – Premium Price Cards
   v6.17 — alternative style: flat, modern, color-coded per tier, pill CTA.
   Mobile-first: compact and clear on phones, scales up on desktop. */

:root{
  --ink:#16262c;
  --muted:#657579;
  --paper:#ffffff;
  --header-a:#0d3b46;
  --header-b:#17968f;
  --coral:#ff5a6e;
  --coral-dark:#e0405a;
  --cta-a:#ff7a45;
  --cta-b:#ff4f6d;
  --adult:#12909a;    --adult-bg:#e6f6f5;   --adult-strong:#0a5a61;
  --child:#e08c1c;    --child-bg:#fdf1de;   --child-strong:#8a5510;
  --infant:#a860d6;   --infant-bg:#f6ecfb;  --infant-strong:#6c3792;
  --basic:#12909a;    --basic-bg:#eafbfa;   --basic-strong:#0a5a61;
  --transfer:#c9700a; --transfer-bg:#fdf0dc; --transfer-strong:#7a4406;
}

/* ============ Base (mobile-first) ============ */
.tia-price-card,.tia-price-card *{box-sizing:border-box}
.tia-price-card{
  position:relative;width:100%;margin:14px 0;
  background:var(--paper);border:1px solid #eef1f1;border-radius:18px;overflow:hidden;
  box-shadow:0 8px 22px rgba(15,35,45,.10),0 2px 6px rgba(15,35,45,.06);
  color:var(--ink);font-family:inherit;
}

/* Header */
.tia-pc-ticket-head{
  position:relative;display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:11px 14px;
  background:linear-gradient(120deg,var(--header-a),var(--header-b) 130%);
}
.tia-pc-ticket-head h2{
  margin:0;color:#fff;text-align:center;font-size:16px;font-weight:800;line-height:1.3;letter-spacing:.2px;
}
.tia-pc-trip-mark,.tia-pc-stamp{display:none}

.tia-pc-intro{margin:0;padding:8px 14px 5px;text-align:center;font-size:12px;font-weight:600;color:var(--muted)}
.tia-pc-intro:before,.tia-pc-intro:after{content:none}

/* Items */
.tia-price-cards .tia-pc-items{padding:9px 9px 3px;display:flex;flex-direction:column;gap:8px}
.tia-price-cards .tia-pc-item{
  position:relative;display:flex;align-items:center;gap:9px;
  padding:11px 12px;border-radius:13px;background:#f8fafa;
  border-inline-start:5px solid var(--adult);
  direction:rtl;
}
.tia-price-cards .tia-pc-item[data-tier="adult"]{--accent:var(--adult);--accent-bg:var(--adult-bg);--accent-strong:var(--adult-strong);border-inline-start-color:var(--adult);background:var(--adult-bg)}
.tia-price-cards .tia-pc-item[data-tier="child"]{--accent:var(--child);--accent-bg:var(--child-bg);--accent-strong:var(--child-strong);border-inline-start-color:var(--child);background:var(--child-bg)}
.tia-price-cards .tia-pc-item[data-tier="infant"]{--accent:var(--infant);--accent-bg:var(--infant-bg);--accent-strong:var(--infant-strong);border-inline-start-color:var(--infant);background:var(--infant-bg)}

.tia-pc-item.tia-pc-featured{box-shadow:0 3px 10px rgba(0,0,0,.08);background:#fff}
.tia-pc-item.tia-pc-featured[data-tier="adult"]{background:linear-gradient(0deg,var(--adult-bg),#fff)}
.tia-pc-item.tia-pc-featured[data-tier="child"]{background:linear-gradient(0deg,var(--child-bg),#fff)}
.tia-pc-item.tia-pc-featured[data-tier="infant"]{background:linear-gradient(0deg,var(--infant-bg),#fff)}

/* Item head: icon + title/subtitle (+ compact badge) */
.tia-pc-item-head{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}
.tia-pc-item-icon{
  flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;
  background:#fff;color:var(--accent,var(--adult));box-shadow:0 1px 3px rgba(0,0,0,.10);
}
.tia-pc-item-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.tia-pc-item-head>div{min-width:0;flex:1 1 120px}
.tia-pc-item-head h3{margin:0;font-size:14px;font-weight:800;line-height:1.3}
.tia-pc-item-head p{margin:1px 0 0;font-size:9.5px;color:var(--muted);line-height:1.3}
.tia-pc-featured-label{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;white-space:nowrap;
  padding:3px 8px;border-radius:20px;font-size:9px;font-weight:800;color:#fff;
  background:linear-gradient(120deg,var(--coral),var(--coral-dark));
  box-shadow:0 1px 3px rgba(224,64,90,.4);
}

/* Simple item: compact price pills, single line */
.tia-pc-price-row{flex:0 0 auto;display:flex;align-items:center;gap:6px}
.tia-pc-local{
  display:inline-flex;align-items:baseline;gap:4px;padding:5px 11px;border-radius:11px;
  background:#fff;border:1.5px solid var(--accent,var(--adult));white-space:nowrap;
}
.tia-pc-local small{font-size:8.5px;font-weight:800;color:var(--accent-strong,var(--adult-strong))}
.tia-pc-local strong{font-size:24px;font-weight:900;color:var(--ink);line-height:1}
.tia-pc-local em{font-size:9.5px;font-weight:800;font-style:normal;color:var(--accent-strong,var(--adult-strong))}

.tia-pc-foreign{
  display:inline-flex;align-items:baseline;gap:2px;padding:2px 6px;white-space:nowrap;
}
.tia-pc-foreign small{display:none}
.tia-pc-foreign strong{font-size:12px;font-weight:800;color:var(--muted)}
.tia-pc-foreign em{font-size:9px;font-weight:700;font-style:normal;color:var(--muted)}

/* Non-Arabic language pages show the foreign-currency fare only. */
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-local{display:none!important}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-price-row{justify-content:flex-start}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-foreign{flex-direction:row;gap:5px;padding:5px 11px;border:1.5px solid var(--accent,var(--adult));border-radius:11px;background:#fff}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-foreign small{display:none!important}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-foreign strong{font-size:24px;font-weight:900;color:var(--ink)}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-foreign em{font-size:15px;font-weight:900;color:var(--accent-strong,var(--adult-strong))}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-fare-values>span:first-child{display:none!important}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-fare-values>span:last-child{justify-content:center;gap:5px}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-fare-values>span:last-child small{display:none!important}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-fare-values>span:last-child b{font-size:24px}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-fare-values>span:last-child em{font-size:14px;font-weight:900}
body[class*="tml-lang-"]:not(.tml-lang-ar) .tia-pc-book-adult{display:none!important}

/* Dual item: title row + a tight two-chip fares row underneath */
.tia-price-cards .tia-pc-item--dual{flex-direction:column;align-items:stretch;gap:8px;padding:11px 10px}
.tia-pc-fares{display:grid;grid-template-columns:1fr 1fr;gap:7px;direction:rtl}
.tia-pc-fare-option{border-radius:11px;background:#fff;overflow:hidden;border:1px solid #eceff0}
.tia-pc-fare-option--basic{background:var(--basic-bg);border-color:#bfe6e3}
.tia-pc-fare-option--transfer{background:var(--transfer-bg);border-color:#f0cf9e}
.tia-pc-fare-title{display:block;padding:4px 4px;text-align:center;font-size:9.5px;font-weight:800;line-height:1.3}
.tia-pc-fare-option--basic .tia-pc-fare-title{color:var(--basic-strong)}
.tia-pc-fare-option--basic .tia-pc-fare-title:before{content:"🎒 "}
.tia-pc-fare-option--transfer .tia-pc-fare-title{color:var(--transfer-strong)}
.tia-pc-fare-option--transfer .tia-pc-fare-title:before{content:"🚐 "}
.tia-pc-fare-values{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 2px 7px}
.tia-pc-fare-values>span{display:flex;align-items:baseline;gap:2px}
.tia-pc-fare-values small{font-size:8px;font-weight:800;color:#5c6b6e}
.tia-pc-fare-values b{font-size:15px;font-weight:900;color:var(--basic-strong);line-height:1}
.tia-pc-fare-option--transfer .tia-pc-fare-values b{color:var(--transfer-strong)}
.tia-pc-fare-values em{font-size:8px;font-weight:700;font-style:normal;color:#5c6b6e}

/* CTA — pill button */
.tia-pc-book{
  position:relative;display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;margin:13px 10px 12px;padding:10px 16px;border-radius:999px;
  background:linear-gradient(120deg,var(--cta-a),var(--cta-b));
  box-shadow:0 8px 16px rgba(224,64,90,.32),inset 0 1px 0 rgba(255,255,255,.28);
  color:#fff!important;text-decoration:none!important;font-size:15.5px;font-weight:800;
  transition:filter .2s,transform .2s;
}
.tia-pc-book:hover{color:#fff!important;filter:brightness(1.05);transform:translateY(-1px)}
.tia-pc-calendar{flex:0 0 18px;width:18px;height:18px}
.tia-pc-calendar svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.tia-pc-book-label{white-space:nowrap}
.tia-pc-book-adult{flex:0 0 auto;padding-right:9px;border-right:1px solid rgba(255,255,255,.45);font-size:10.5px;font-weight:700;white-space:nowrap}

/* ============ Desktop / tablet (≥ 641px) ============ */
@media(min-width:641px){
  .tia-price-card{width:min(100%,700px);margin:26px auto;border-radius:22px;box-shadow:0 18px 34px rgba(15,35,45,.13),0 4px 10px rgba(15,35,45,.07)}

  .tia-pc-ticket-head{min-height:78px;padding:16px 60px;gap:14px}
  .tia-pc-ticket-head h2{font-size:clamp(19px,3vw,25px)}
  .tia-pc-trip-mark,.tia-pc-stamp{
    display:grid;position:absolute;top:50%;place-items:center;width:38px;height:38px;margin-top:-19px;
    border-radius:11px;background:rgba(255,255,255,.16);
  }
  .tia-pc-trip-mark{right:16px}
  .tia-pc-stamp{left:16px}
  .tia-pc-trip-mark svg,.tia-pc-stamp svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

  .tia-pc-intro{padding:14px 20px 8px;font-size:14px}

  .tia-price-cards .tia-pc-items{padding:14px 20px 6px;gap:10px}
  .tia-price-cards .tia-pc-item{padding:14px 16px;border-radius:16px;gap:16px}
  .tia-pc-item.tia-pc-featured{transform:scale(1.015)}

  .tia-pc-item-head{gap:12px;flex:0 0 auto;min-width:210px}
  .tia-pc-item-icon{width:48px;height:48px;border-radius:14px}
  .tia-pc-item-icon svg{width:28px;height:28px}
  .tia-pc-item-head h3{font-size:18px;white-space:normal}
  .tia-pc-item-head p{font-size:11px;white-space:normal}
  .tia-pc-featured-label{font-size:11px;padding:3px 10px}

  .tia-pc-price-row{flex:1 1 auto;gap:16px;justify-content:flex-end}
  .tia-pc-local{padding:10px 18px;border-radius:14px;border-width:2px;gap:6px}
  .tia-pc-local small{font-size:11px}
  .tia-pc-local strong{font-size:30px}
  .tia-pc-local em{font-size:12px}
  .tia-pc-foreign{flex-direction:column;gap:1px;padding:6px 10px}
  .tia-pc-foreign small{display:block;font-size:10px;color:var(--muted)}
  .tia-pc-foreign strong{font-size:17px}
  .tia-pc-foreign em{font-size:10px}

  .tia-price-cards .tia-pc-item--dual{flex-direction:row;align-items:center;gap:16px;padding:14px 16px}
  .tia-pc-fares{flex:1 1 auto;gap:12px}
  .tia-pc-fare-option{border-radius:14px}
  .tia-pc-fare-title{padding:7px;font-size:12px}
  .tia-pc-fare-values{gap:14px;padding:8px 6px 12px}
  .tia-pc-fare-values small{font-size:10px}
  .tia-pc-fare-values b{font-size:22px}
  .tia-pc-fare-values em{font-size:10px}

  .tia-pc-book{min-height:56px;margin:18px 20px 20px;padding:12px 22px;font-size:19px;gap:10px}
  .tia-pc-calendar{flex:0 0 22px;width:22px;height:22px}
  .tia-pc-book-adult{font-size:12px;padding-right:10px}
}