/**
 * Arborra frontend overrides
 * Loaded last in master.blade.php — keep selectors specific enough to win
 * without resorting to broad !important spam.
 *
 * Contents:
 *   1) Tour card visible border
 *   2) Tour card batch layout (date/location/transport pills)
 *   3) Remove dark overlay on home-screen tour cards (request #1)
 *   4) Lighter, cleaner pricing typography (requests #2 & #5)
 *   5) Tour-program PDF download button (request #3)
 *   6) Mobile: full-width tour images on category page (request #6)
 */

/* ---------- 1) Tour cards: visible border ---------- */
.package-card{
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 20px;
  overflow: hidden;
  transition: box-shadow .15s ease, transform .15s ease;
}
.package-card:hover{
  box-shadow: 0 10px 16px rgba(0,0,0,.10);
  transform: translateY(-2px);
}
.package-card .package-card-img{ position: relative; }
.package-card .package-card-img img{ display:block; width:100%; height:auto; }

/* ---------- 2) Batch layout (stacked pills) ---------- */
.package-card .batch{
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 8px 0;
}
.package-card .batch .date{
  display: inline-flex;
  width: auto !important;
  align-items: center;
}
.package-card .batch .location{
  display: inline-flex !important;
  width: auto !important;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  border: none;
}
.package-card .batch .transport-badge{
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  background: #ac0000;
  color: #fff;
  border-radius: 0;
  line-height: 1;
  white-space: nowrap;
  font-size: 12px;
  text-transform: uppercase;
}
.package-card .batch .transport-badge i{
  color: inherit;
  font-size: 16px;
  line-height: 1;
}

/* ---------- 3) REMOVE DARK OVERLAY on home tour cards ---------- */
/* Home tour cards (package-card markup, rendered via tour_card_grid.blade.php)
   have a dark gradient via ::before and a hover sheen via ::after on
   .package-card-img-wrap .card-img — both must go to fully clean the image. */
.package-card .package-card-img-wrap .card-img::before,
.package-card .package-card-img-wrap .card-img::after,
.package-card:hover .package-card-img-wrap .card-img::after{
  content: none !important;
  background: transparent !important;
  display: none !important;
  opacity: 0 !important;
}

/* Destination cards on the home page also carry a dark overlay <div class="overlay"> */
.destination-card .overlay{
  display: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

/* Pills on the image — request #1:
   White background, sharp right edge (no right radius), readable dark text. */
.package-card .package-card-img-wrap .batch{
  background: transparent;
  gap: 6px !important;
  padding: 10px 0 !important;
}
.package-card .package-card-img-wrap .batch .date,
.package-card .package-card-img-wrap .batch .location,
.package-card .package-card-img-wrap .batch .transport-badge{
  background: #ffffff !important;
  color: #1a1a1a !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(0, 0, 0, .08) !important;
  border-left: 0 !important;            /* sits flush against image edge */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2px;
  box-shadow: none !important;
}

/* Tour date badge (right-bottom of tour image, .arb-tour-date-badge):
   no drop shadow, no right-side radius (flush with image edge). */
.package-card .arb-tour-thumb-wrap .arb-tour-date-badge,
.arb-tour-thumb-wrap .arb-tour-date-badge{
  box-shadow: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  right: 0 !important;
  border: 1px solid rgba(0, 0, 0, .08) !important;
  border-right: 0 !important;
}
.package-card .package-card-img-wrap .batch .location a,
.package-card .package-card-img-wrap .batch .location .location-list li a,
.package-card .package-card-img-wrap .batch .location svg{
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
}
.package-card .package-card-img-wrap .batch .transport-badge i{
  color: #ac0000 !important;
}
.package-card .package-card-img-wrap .batch .location a,
.package-card .package-card-img-wrap .batch .location{
  color: #fff;
}

/* ---------- 4) LIGHTER, CLEANER PRICING TYPOGRAPHY ---------- */
/* The goal: prices feel light, modern, premium — not chunky/bold.
   Reduce weights to 400/500, soften ancillary text to 300, kill heavy
   letter-spacing, keep the amount itself slightly heavier than units. */

/* Tour detail page (.tour-price h3 / span) */
.package-details-area .tour-price{
  align-items: baseline;
  gap: 10px;
  margin-bottom: 18px;
}
.package-details-area .tour-price h3,
.tour-price h3{
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #1a1a1a;
  line-height: 1.25 !important;
}
.package-details-area .tour-price h3 span,
.tour-price h3 span{
  font-weight: 400 !important;
  font-size: 20px !important;
}
.package-details-area .tour-price h3 del,
.tour-price h3 del{
  font-weight: 300 !important;
  font-size: 15px !important;
  color: #8a8a8a;
  margin-left: 8px;
}
.package-details-area .tour-price > span,
.tour-price > span{
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #6b6b6b;
}

/* arb-tour-price card on tour detail right column */
.arb-tour-price .amount{
  font-weight: 500;
  letter-spacing: 0;
}
.arb-tour-price .cur{
  font-weight: 400;
}
.arb-tour-price .from{
  font-weight: 300;
}
.arb-tour-price .try{
  font-weight: 500;
}

/* Tour card price block (used on category & list pages) */
.arb-tour-card__price-amount{
  font-weight: 500;
  letter-spacing: 0;
}
.arb-tour-card__price-currency{
  font-weight: 400;
}
.arb-tour-card__price-label,
.arb-tour-card__price-note{
  font-weight: 300;
  color: #6b6b6b;
}
.arb-tour-card__price-old{
  font-weight: 300;
  color: #9a9a9a;
}

/* Home-page package-card price */
.package-card .card-content-bottom .price-area h6{
  font-weight: 300;
  color: #6b6b6b;
}
.package-card .card-content-bottom .price-area span{
  font-weight: 500;
  letter-spacing: 0;
}
.package-card .card-content-bottom .price-area span del{
  font-weight: 300;
  color: #9a9a9a;
  margin-left: 6px;
}
.package-card .card-content-bottom .price-area p{
  font-weight: 300;
  color: #8a8a8a;
}

/* Checkout sidebar price summary */
.checkout-sidebar .price-and-btn span:first-child{
  font-weight: 400;
  color: #4a4a4a;
}
.checkout-sidebar .price-and-btn span:last-child{
  font-weight: 500;
  color: #1a1a1a;
}
.checkout-sidebar .pricing-area ul li,
.checkout-sidebar .pricing-area ul.total li{
  font-weight: 400;
}
.checkout-sidebar .pricing-area ul.total li{
  font-weight: 500;
}

/* Generic .price-and-btn (used in checkout cart) */
.price-and-btn span{ font-weight: 400; }
.price-and-btn span:last-child{ font-weight: 500; }

/* Tour detail booking sidebar (#jsTourDetailsSidebar) */
#jsTourDetailsSidebar .ugo-tour-price-chip{
  font-weight: 400;
  letter-spacing: .2px;
}
#jsTourDetailsSidebar .ugo-tour-price-summary .single-total .title,
#jsTourDetailsSidebar .ugo-tour-price-summary .single-total ul li{
  font-weight: 400;
}
#jsTourDetailsSidebar .ugo-tour-price-summary .single-total .total{
  font-weight: 500;
}

/* Day-trip price card (.tour-daytrip-price) */
.tour-daytrip-price .tour-daytrip-price__amount{
  font-weight: 500;
  letter-spacing: 0;
}
.tour-daytrip-price .tour-daytrip-price__currency{
  font-weight: 400;
}
.tour-daytrip-price .tour-daytrip-price__perperson,
.tour-daytrip-price .tour-daytrip-price__perperson-label{
  font-weight: 300;
  color: #6b6b6b;
}
.tour-daytrip-price .tour-daytrip-price__perperson strong{
  font-weight: 500;
  color: #1a1a1a;
}
.tour-daytrip-price .tour-daytrip-price__old{
  font-weight: 300;
  color: #9a9a9a;
}

/* ---------- 5) TUR PROGRAMINI PDF OLARAK İNDİR BUTONU ---------- */
.ugo-itinerary-head{
  gap: 12px;
  margin-top: 8px;
  margin-bottom: 14px;
}
.ugo-tour-pdf-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 10px;
  border: 1px solid #ac0000;
  color: #ac0000;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  letter-spacing: .2px;
  white-space: nowrap;
  transition: background-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.ugo-tour-pdf-btn i{
  font-size: 17px;
  line-height: 1;
}
.ugo-tour-pdf-btn:hover,
.ugo-tour-pdf-btn:focus-visible{
  background: #ac0000;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(172,0,0,.18);
  transform: translateY(-1px);
}
.ugo-tour-pdf-btn:active{
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(172,0,0,.18);
}

/* Tour-detail booking sidebar already has its own PDF button slot
   if we ever add it there; keep selector available. */
.arb-tour-sidebar-card .ugo-tour-pdf-btn{
  width: 100%;
  justify-content: center;
}

/* ---------- 6) MOBILE: FULL-WIDTH TOUR IMAGES on category/list pages ---------- */
/* Underlying bug: .arb-tour-card__img img has hard-coded width:280px.
   On mobile the container goes 100% wide but the inner <img> still renders 280px,
   leaving big side gaps. Force the image to fill its container. */
@media (max-width: 991px){
  .arb-tour-card__img,
  .ugo-category-page .arb-tour-card__img{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    height: auto !important;
    aspect-ratio: 16 / 10;
  }
  .arb-tour-card__img img,
  .ugo-category-page .arb-tour-card__img img{
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
  }
}

/* ============================================================================
   fix-v4 — TUR DETAY: REZERVASYON SIDEBAR PREMIUM CILA
   Yapıyı bozmadan; sadece yazı ağırlıklarını hafifletiyor, fiyatları
   biraz daha light + biraz daha küçük, butonları daha estetik yapıyoruz.
   Loading order: bu dosya inline-cleanup.css'den sonra yüklendiği için
   override'lar bu blokta winner.
   ============================================================================ */

/* Kart kabı: daha rafine kenar ve gölge */
#jsTourDetailsSidebar .ugo-tour-booking-card{
  border: 1px solid rgba(16,12,8,.07);
  border-radius: 22px;
  box-shadow:
    0 1px 2px rgba(16,12,8,.04),
    0 14px 38px rgba(16,12,8,.07);
}
#jsTourDetailsSidebar .ugo-tour-booking-card__inner{
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--primary-color1-opc), .06), transparent 32%),
    linear-gradient(180deg, #fff 0%, #fffefb 100%);
}

/* Üst başlık: ağırlığı düşür, sub-text'i hafiflet */
#jsTourDetailsSidebar .ugo-tour-booking-head h4{
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
#jsTourDetailsSidebar .ugo-tour-booking-head p{
  font-weight: 400;
  color: rgba(16,12,8,.56);
}

/* Eyebrow / "Başlangıç Fiyatı" pill chip: hafif, daha şık */
#jsTourDetailsSidebar .ugo-tour-booking-eyebrow{
  font-weight: 500;
  letter-spacing: .06em;
}
#jsTourDetailsSidebar .ugo-tour-price-chip{
  font-weight: 500;
  letter-spacing: .08em;
  color: rgba(16,12,8,.55);
}

/* Fiyat kartı kabı: daha sade arka plan */
#jsTourDetailsSidebar .tour-starting-price,
#jsTourDetailsSidebar .tour-daytrip-price{
  border: 1px solid rgba(var(--primary-color1-opc), .14);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--primary-color1-opc), .055), rgba(251,176,59,.06)),
    #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

/* Büyük fiyat: daha light + biraz daha küçük */
#jsTourDetailsSidebar .tour-starting-price__price,
#jsTourDetailsSidebar .tour-daytrip-price__total{
  font-size: clamp(28px, 3.2vw, 38px);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.05;
}
#jsTourDetailsSidebar .tour-starting-price__amount,
#jsTourDetailsSidebar .tour-daytrip-price__amount{
  font-weight: 400;
}
#jsTourDetailsSidebar .tour-starting-price__currency,
#jsTourDetailsSidebar .tour-daytrip-price__currency{
  font-size: 0.55em;
  font-weight: 400;
  color: rgba(16,12,8,.52);
  margin-left: 4px;
}

/* Alt yardımcı metinler */
#jsTourDetailsSidebar .tour-starting-price__sub,
#jsTourDetailsSidebar .tour-daytrip-price__perperson{
  font-size: 12.5px;
  font-weight: 400;
  color: rgba(16,12,8,.55);
}
#jsTourDetailsSidebar .tour-daytrip-price__perperson-label{
  font-weight: 400;
  color: rgba(16,12,8,.55);
}
#jsTourDetailsSidebar .tour-daytrip-price__perperson strong{
  font-weight: 500;
  color: rgba(16,12,8,.85);
}
#jsTourDetailsSidebar .tour-starting-price__old,
#jsTourDetailsSidebar .tour-daytrip-price__old{
  font-size: 12px;
  font-weight: 400;
  color: rgba(16,12,8,.40);
}

/* Tarih kartı + alan etiketleri */
#jsTourDetailsSidebar .ugo-tour-field-label{
  font-weight: 600;
  font-size: 13.5px;
}
#jsTourDetailsSidebar .ugo-tour-field-help{
  font-weight: 400;
  font-size: 12px;
  color: rgba(16,12,8,.50);
}
#jsTourDetailsSidebar .ugo-tour-date-card{
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(16,12,8,.035) !important;
}

/* Oda/Kişi seçim kartları başlığı */
#jsTourDetailsSidebar .ugo-tour-room-section-head span{
  font-weight: 600;
  letter-spacing: -0.005em;
}
#jsTourDetailsSidebar .ugo-tour-room-section-head p{
  font-weight: 400;
  color: rgba(16,12,8,.52);
}

/* Toplam Tutar özeti */
#jsTourDetailsSidebar .ugo-tour-summary-head span{
  font-weight: 600;
}
#jsTourDetailsSidebar .ugo-tour-summary-head small{
  font-weight: 400;
}
#jsTourDetailsSidebar .ugo-tour-price-summary .single-total .title{
  font-weight: 500;
}
#jsTourDetailsSidebar .ugo-tour-price-summary .single-total ul li{
  font-weight: 400;
}
#jsTourDetailsSidebar .ugo-tour-price-summary .single-total .total{
  font-weight: 500;
  font-size: 16px;
}

/* Grand total (siyah şerit) — daha sakin tipografi */
#jsTourDetailsSidebar .ugo-tour-grand-total{
  border-radius: 16px;
  padding: 14px 16px;
}
#jsTourDetailsSidebar .ugo-tour-grand-total > span:first-child{
  font-weight: 500;
  font-size: 12.5px;
  letter-spacing: .02em;
  color: rgba(255,255,255,.70);
}
#jsTourDetailsSidebar .ugo-tour-grand-total > span:last-child{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Rezervasyon Yap butonu — daha estetik, font-weight bold değil */
#jsTourDetailsSidebar .ugo-tour-submit-btn,
#jsTourDetailsSidebar .ugo-tour-submit-btn span{
  font-weight: 500;
  font-size: 15px;
  letter-spacing: .01em;
  text-transform: none;
}
#jsTourDetailsSidebar .ugo-tour-submit-btn{
  min-height: 50px;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(var(--primary-color1-opc), .18);
  transition: box-shadow .18s ease, transform .15s ease;
}
#jsTourDetailsSidebar .ugo-tour-submit-btn:hover{
  box-shadow: 0 12px 26px rgba(var(--primary-color1-opc), .26);
  transform: translateY(-1px);
}
#jsTourDetailsSidebar .ugo-tour-submit-btn::after{
  border-radius: 14px;
}

/* Mobile rezervasyon bar butonu da aynı estetikte */
.tour-mobile-bookbar__btn,
.tour-mobile-bookbar__btn span{
  font-weight: 500 !important;
  letter-spacing: .01em;
  text-transform: none !important;
}

/* "Oda ekle" link butonu daha sakin */
#jsTourDetailsSidebar .tour-add-room-link{
  font-weight: 500 !important;
  letter-spacing: 0;
}

/* Booking section başlıkları (h5) */
#jsTourDetailsSidebar .booking-form-item-type h5{
  font-weight: 600;
  letter-spacing: -0.005em;
}

/* Mobile: küçük ekranda fiyatın aşırı büyümesini engelle */
@media (max-width: 575.98px){
  #jsTourDetailsSidebar .tour-starting-price__price,
  #jsTourDetailsSidebar .tour-daytrip-price__total{
    font-size: clamp(26px, 7vw, 32px);
  }
  #jsTourDetailsSidebar .ugo-tour-booking-head h4{
    font-size: 20px;
  }
}

@media (max-width: 576px){
  .arb-tour-card__img,
  .ugo-category-page .arb-tour-card__img{
    aspect-ratio: 4 / 3;
  }
  /* Tour detail PDF button stays usable on small screens */
  .ugo-itinerary-head{
    flex-direction: column;
    align-items: flex-start;
  }
  .ugo-tour-pdf-btn{
    width: 100%;
    justify-content: center;
  }
}

/* =====================================================================
   v2 — Updates (requests #1-#10 from second feedback round)
   ===================================================================== */

/* ---------- #3 Tour category page: pure white background ---------- */
.ugo-category-page,
.ugo-page-breadcrumb-wrap + .ugo-category-page.pt-120,
.package-grid-with-sidebar-section.ugo-category-page{
  background: #ffffff !important;
}
.ugo-category-hero{
  background: #ffffff !important;
  border: 1px solid #eef2f7 !important;
  box-shadow: none !important;
}

/* ---------- #2 Mobile: tours BEFORE sidebar on category page ----------
   Bootstrap order classes already gate this; the markup change in
   all-product.blade.php flips the default order so this CSS is a safety net. */
@media (max-width: 991.98px){
  .ugo-category-layout > .ugo-category-results-col,
  .ugo-category-layout > [class*="col-lg-8"]{
    order: 1 !important;
  }
  .ugo-category-layout > .ugo-category-sidebar-col,
  .ugo-category-layout > [class*="col-lg-4"]{
    order: 2 !important;
  }
}

/* ---------- #4 Tour title: single line, marquee scroll on hover ---------- */
/* Home card titles (.package-card .card-content-top h5) and
   category-list card titles (.arb-tour-card__title) share the behaviour. */
.package-card .card-content-top h5,
.arb-tour-card__title,
.ugo-category-page .arb-tour-card__title{
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  width: 100%;
}
.package-card .card-content-top h5 a,
.arb-tour-card__title a{
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
  vertical-align: bottom;
  transition: transform 6s linear;
  will-change: transform;
}
/* Hover: pull the long title left so the user can read the full thing.
   `--ugo-marquee-shift` is set by JS only when text overflows; CSS just animates it. */
.package-card .card-content-top h5:hover a,
.arb-tour-card__title:hover a{
  transform: translateX(var(--ugo-marquee-shift, 0));
}

/* ---------- #5 Desktop: uniform card height on category page ---------- */
@media (min-width: 992px){
  .ugo-category-page .arb-tour-card{
    min-height: 280px;
    align-items: stretch;
  }
  .ugo-category-page .arb-tour-card__body{
    flex: 1 1 auto;
  }
  /* Clamp the short description to 3 lines (around 140 chars; the blade
     truncates to 140 already, this just hard-stops any HTML overflow). */
  .ugo-category-page .arb-tour-card__excerpt{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.45;
    max-height: calc(1.45em * 3);
  }
  /* Lock image column to fixed pixel width so cards align horizontally. */
  .ugo-category-page .arb-tour-card__img{
    flex: 0 0 280px;
    width: 280px;
    max-width: 280px;
    height: 240px;
  }
  .ugo-category-page .arb-tour-card__img img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}

/* ---------- #6 Consistent font across pages ----------
   Force a single font stack EVERYWHERE on the frontend. Theme ships with
   multiple families (Rubik, Jost) which produced a mismatched feel.
   We force Rubik as the single source of truth — overrides the theme's
   --font-rubik / --font-jost CSS variables so anything that uses them
   also inherits the unified font. */
:root{
  --ugo-font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-rubik: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  --font-jost: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

html, body, body *,
button, input, select, textarea, label, a, p, span, div,
h1, h2, h3, h4, h5, h6, li, ul, ol, dl, dt, dd, table, td, th,
.package-card, .package-card *,
.arb-tour-card, .arb-tour-card *,
.checkout-area, .checkout-area *,
.checkout-sidebar, .checkout-sidebar *,
.package-details-area, .package-details-area *,
.tour-price, .tour-price *,
.ugo-category-page, .ugo-category-page *,
.ugo-tour-pdf-btn, .ugo-tour-pdf-btn *{
  font-family: var(--ugo-font-family) !important;
}

/* Override icon fonts gracefully — keep icon glyphs on Bootstrap Icons,
   Material Symbols, Font Awesome wherever they're used. */
.bi, [class^="bi-"], [class*=" bi-"],
.material-symbols-rounded, .material-symbols-outlined,
.fa, .fas, .far, .fab, .fal, [class^="fa-"], [class*=" fa-"]{
  font-family: inherit !important;
}
.bi, [class^="bi-"], [class*=" bi-"]{
  font-family: 'bootstrap-icons' !important;
}
.material-symbols-rounded, .material-symbols-outlined{
  font-family: 'Material Symbols Rounded' !important;
}
.fa, .fas, .far, .fab, .fal, [class^="fa-"], [class*=" fa-"]{
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'FontAwesome' !important;
}

/* ---------- #8 Tur detayda "Dahil Olanlar" ----------
   Only the title and the check icons are green. List item text stays on
   the default page color so the section blends with the rest of the
   tour-detail content. */
.includ-and-exclud-area ul.ugo-includes-list{
  color: inherit;
}
.includ-and-exclud-area ul.ugo-includes-list li{
  color: var(--ugo-text-color, #1a1a1a) !important;
}
.includ-and-exclud-area ul.ugo-includes-list li i,
.includ-and-exclud-area ul.ugo-includes-list li i.bi-check-lg{
  color: #137044 !important;
}
.includ-and-exclud-area .ugo-includes-title,
.includ-and-exclud-area ul.ugo-includes-list h4{
  color: #137044 !important;
}
/* Excludes intentionally kept on default colour (theme red/dark). */

/* =====================================================================
   v3.1 — Updates
   ===================================================================== */

/* ---------- v3.1 #3 Unified "black-ish" text color across frontend ----
   The theme mixes #111, #111827, #1a1a1a, #1f2937, #0f172a, near-black
   greys. Pin every near-black usage to a single var so the page feels
   uniform. Set --ugo-text-color once; everything else inherits. */
:root{
  --ugo-text-color: #1a1a1a;
}
body,
body p, body li, body h1, body h2, body h3, body h4, body h5, body h6,
body span, body strong, body b, body em, body small, body label,
body div, body td, body th, body a:not(:hover):not(:focus),
.package-card, .package-card *,
.arb-tour-card, .arb-tour-card *,
.package-details-area, .package-details-area *,
.tour-price h3,
.checkout-area, .checkout-area *,
.checkout-sidebar, .checkout-sidebar *,
.ugo-category-page, .ugo-category-page *,
.ugo-footer, .ugo-footer *{
  /* Apply only when the element currently inherits / has a near-black tone */
}

/* Force-pin near-black computed values via attribute-independent rule.
   We can't `if-else` in CSS, so we override the few common selectors that
   the theme hard-codes black-ish on. */
body,
.section-title h2, .section-title h3, .section-title h4,
.package-card .card-content-top h5,
.package-card .card-content-top h5 a,
.arb-tour-card__title, .arb-tour-card__title a,
.package-details-area h1, .package-details-area h2, .package-details-area h3,
.package-details-area h4, .package-details-area h5, .package-details-area h6,
.tour-price h3, .tour-price h3 span,
.checkout-area h2, .checkout-area h3, .checkout-area h4, .checkout-area h5,
.checkout-section-title h4,
.checkout-sidebar h4, .checkout-sidebar h5,
.cart-menu h6, .cart-menu li,
.includ-and-exclud-area .exclud h4,
.highlight-tour h4,
.tour-plan .accordion-button,
.ugo-itinerary-head h4,
.ugo-tour-pdf-btn,
.footer-area h2, .footer-area h3, .footer-area h4{
  color: var(--ugo-text-color) !important;
}

/* Bootstrap text-utilities `text-dark` should also align to the same tone */
.text-dark{ color: var(--ugo-text-color) !important; }

/* ============================================================================
   fix-v7 — Tur kategori sayfası admin yönetimli içerik blokları
   ============================================================================ */
.ugo-cat-hero{
    padding: 18px 0 0;
}
.ugo-cat-hero__img{
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 14px 36px rgba(16,12,8,.08);
    aspect-ratio: 16 / 6;
    background: #f4f4f4;
}
.ugo-cat-hero__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ugo-cat-intro{
    padding: 30px 0 6px;
}
.ugo-cat-bottom{
    padding: 30px 0 40px;
}
.ugo-cat-content{
    max-width: 920px;
    margin: 0 auto;
    color: rgba(16,12,8,.78);
    font-size: 15px;
    line-height: 1.7;
}
.ugo-cat-content h1,
.ugo-cat-content h2,
.ugo-cat-content h3,
.ugo-cat-content h4{
    color: var(--title-color, #100c08);
    font-weight: 600;
    margin: 0 0 14px;
    letter-spacing: -0.01em;
}
.ugo-cat-content h2{ font-size: 26px; }
.ugo-cat-content h3{ font-size: 21px; }
.ugo-cat-content h4{ font-size: 18px; }
.ugo-cat-content p{ margin: 0 0 14px; }
.ugo-cat-content ul,
.ugo-cat-content ol{ margin: 0 0 14px 20px; }
.ugo-cat-content li{ margin-bottom: 4px; }
.ugo-cat-content a{ color: var(--primary-color1, #ac0000); text-decoration: underline; }
.ugo-cat-content img{ max-width: 100%; height: auto; border-radius: 12px; }

@media (max-width: 767.98px){
    .ugo-cat-hero__img{ aspect-ratio: 16 / 9; border-radius: 14px; }
    .ugo-cat-content{ font-size: 14.5px; }
}