/* ============================================================
   FRANCO Cafe & Beach — marka renk override'ı
   Mozzo index-3 temasını Franco paletine uyarlar.
   Palet: yeşil #4A5942 · kiremit #9C4615 · altın #A59973 · krem #EDE7DA
   ============================================================ */
:root{
  --theme:#9C4615;            /* ana vurgu / butonlar — kiremit */
  --theme5:#A59973;           /* altın aksan */
  --franco-green:#3C4A35;     /* koyu zemin yeşili */
  --franco-green-deep:#2E3A29;
  --franco-gold:#A59973;
  --franco-cream:#EDE7DA;
  --text-secondary:#6E5A43;
}

/* Koyu/siyah zeminleri orman yeşiline çevir */
.black-bg{ background:var(--franco-green-deep) !important; }
.footer-section.black-bg,
.footer-section{ background:var(--franco-green-deep) !important; }
.text-slider-section.black-bg{ background:var(--franco-green) !important; }

/* Menü bölümü koyu zemini: arka plan fotoğrafı + yeşil overlay */
.menu-special-section,
.special-coffee-section,
.book-table-section3::before{ background-color:var(--franco-green-deep); }

/* Koyu bölümlerdeki dekoratif siyah kutular yeşile */
.sidebar__toggle.black-bg,
.destop-bars.black-bg{ background:var(--franco-green) !important; }

/* "Masa Ayır" / koyu butonlar — yeşil zemin, krem yazı */
.theme-btn.bg-black,
.book-btn,
a.bg-black{ background:var(--franco-green) !important; color:var(--franco-cream) !important; }
.theme-btn.bg-black:hover,
a.bg-black:hover{ background:var(--theme) !important; }

/* Altın ince ayraç çizgileri Franco altınına */
span[style*="#C19D56"], span[style*="#c19d56"]{ background-color:var(--franco-gold) !important; }

/* Yıldız puanları sıcak altın kalsın (zaten ok) */

/* Menü bölümü: arka plan fotoğrafı üzerine koyu yeşil overlay (yazı okunsun) */
.special-coffe-section{ position:relative; z-index:1; }
.special-coffe-section::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(rgba(38,48,34,.90), rgba(38,48,34,.94));
}

/* Rezervasyon bölümü overlay (book-table3 üzerine yeşil) */
.book-table-section3{ position:relative; z-index:1; }
.book-table-section3::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(rgba(38,48,34,.78), rgba(38,48,34,.82));
}

/* Şablon kalıntısı rozetleri gizle: "%25 indirim" ve kırmızı food-safety dairesi */
.price25,
img[src*="hero03-price25"],
img[src*="choose-text-circle"],
img[src*="choose-food"]{ display:none !important; }

/* Kahve temalı dekoratif süsleri gizle (Franco'ya uymuyor) */
img[src*="order-right-bottom"],
img[src*="order-left-top"],
img[src*="choose-food"],
img[src*="flower.png"],
img[src*="about-bidge"]{ display:none !important; }

/* ============================================================
   Türkçe destekli fontlar (Edensor vb. Türkçe glifleri yoktu)
   ============================================================ */
.heading-font-edensor,
.heading-font-regge,
.heading-font-bhalo{ font-family:'Playfair Display', Georgia, serif !important; }
.heading-font-cormorant{ font-family:'Cormorant Garamond', Georgia, serif !important; }
.heading-font-afasad{ font-family:'Poppins', sans-serif !important; }
body, p, a, li, span, button, input, select, textarea, h5{ font-family:'Poppins', 'Inter', sans-serif; }
h1,h2,h3,h4{ font-family:'Playfair Display', Georgia, serif; }

/* ============================================================
   "Siyahları logo yeşili ile yapalım" — logo yeşili #4A5942
   ============================================================ */
:root{ --black:#3F4D39; --header:#3F4D39; --header2:#3F4D39; }

/* Koyu/siyah zeminler -> logo yeşili */
.black-bg,
.footer-section,
.footer-section.black-bg{ background:#3F4D39 !important; }
.text-slider-section.black-bg{ background:#4A5942 !important; }
.sidebar__toggle.black-bg,
.destop-bars.black-bg{ background:#4A5942 !important; }

/* Siyah butonlar -> logo yeşili, hover kiremit */
.btn-dark-common,
.theme-btn.btn-dark-common,
.theme-btn.bg-black,
.btn-outline-blak,
a.bg-black,
.count-quan-black{ background:#4A5942 !important; color:#EDE7DA !important; border-color:#4A5942 !important; }
.btn-dark-common:hover,
.theme-btn.btn-dark-common:hover,
.btn-outline-blak:hover,
a.bg-black:hover{ background:#9C4615 !important; border-color:#9C4615 !important; color:#fff !important; }

/* Siyah başlık metinleri -> logo yeşili (gövde yazısı koyu kalır) */
.heading-font-edensor.text-dark,
.heading-font-edensor.text-black,
h1.text-dark, h2.text-dark, h3.text-dark, h4.text-dark,
.section-title-style4 h2{ color:#4A5942 !important; }

/* Harita bölümü */
.franco-map iframe{ width:100%; height:460px; border:0; display:block; filter:saturate(.95); }

/* Footer kahve çekirdeği süsleri ve gereksiz sepet ikonu gizle */
img[src*="footer-ele"],
img[src*="footer4-left"],
img[src*="footer4-right"],
.tolly-icon{ display:none !important; }

/* ============================================================
   Logo boyutları (footer & sidebar kocamandı) + mobil düzeltmeler
   ============================================================ */
/* Footer büyük logo filigranını makul boyuta indir */
.footer-widget-wrapper a img[src*="logo"]{ max-height:120px; width:auto !important; }
/* Sidebar (offcanvas) logosu */
.offcanvas__logo img{ max-height:48px; width:auto; }
/* Header logosu */
.header-logo img{ max-height:64px; width:auto; }

@media (max-width: 991px){
  /* Header'ın hero'yu kesmemesi için üst boşluk */
  .hero-section{ padding-top:110px !important; }
  .header-logo img{ max-height:50px; }
  .footer-widget-wrapper a img[src*="logo"]{ max-height:80px; }
}

/* Hero videoları mobilde makul yükseklikte (dikey, çok uzamasın) */
@media (max-width: 575px){
  .hero-section .hero-thumb__wrapper03 video{
    height:42vh !important; aspect-ratio:auto !important; object-fit:cover;
    border-radius:14px;
  }
}

/* Arama ikonu (çalışmıyor) ve müşteri yorumlarındaki avatar fotoğrafları gizle */
.search-trigger{ display:none !important; }
.Testimonial-section img.admin{ display:none !important; }

/* Sidebar (offcanvas) logosu beyaz zeminde net görünsün */
.offcanvas__logo img{ max-height:48px; width:auto; }

/* "Franco Zamanı / 7 gün 24 saat açık" bölümü kahverengiydi -> logo yeşili */
.open-table-section::before{ background-color:#3F4D39 !important; }
.open-table-inner{ background-color:#3F4D39 !important; }

/* Video lightbox (play ikonu) */
.franco-vid-overlay{ position:fixed; inset:0; z-index:99999; background:rgba(20,25,18,.92);
  display:flex; align-items:center; justify-content:center; padding:20px; }
.franco-vid-overlay video{ max-width:min(1100px,94vw); max-height:86vh; width:auto; height:auto;
  border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,.5); background:#000; }
.franco-vid-close{ position:absolute; top:18px; right:24px; width:46px; height:46px; border:0;
  border-radius:50%; background:rgba(255,255,255,.12); color:#fff; font-size:28px; cursor:pointer; line-height:1; }
.franco-vid-close:hover{ background:#9C4615; }

/* Mobil logo çok küçüktü -> büyüt */
@media (max-width: 991px){
  .header-logo img{ max-height:64px !important; }
}
@media (max-width: 575px){
  .header-logo img{ max-height:56px !important; }
}

/* Blog breadcrumb banner — yeşil marka overlay */
.breadcrumb-section::before{ background:linear-gradient(180deg, rgba(31,40,28,.55) 0%, rgba(31,40,28,.84) 100%) !important; }
.breadcrumb-section .breadcrumb-content h1{ color:#fff !important; text-shadow:0 3px 18px rgba(0,0,0,.6), 0 1px 3px rgba(0,0,0,.5); }
.breadcrumb-section .breadcrumb a,
.breadcrumb-section .breadcrumb li{ color:#fff !important; text-shadow:0 2px 10px rgba(0,0,0,.55); }

/* ============================================================
   BLOG — izole, marka uyumlu editöryel stiller (.franco-blog-*)
   ============================================================ */

/* --- Breadcrumb başlık --- */
.franco-blog-breadcrumb__title{ font-size:clamp(34px,5vw,56px); line-height:1.05; letter-spacing:.5px; }
.franco-blog-breadcrumb .breadcrumb li,
.franco-blog-breadcrumb .breadcrumb a{ color:#fff !important; font-family:'Poppins',sans-serif; font-size:14px; font-weight:400; }
.franco-blog-breadcrumb .breadcrumb a:hover{ color:#A59973 !important; }
.franco-blog-breadcrumb__crumb{ opacity:.8; max-width:60vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.franco-blog-breadcrumb--post::before{ background:rgba(31,40,28,.78) !important; }

/* --- Ortak küçük öğeler --- */
.franco-blog-kicker{ display:inline-block; font-family:'Poppins',sans-serif; text-transform:uppercase;
  letter-spacing:3px; font-size:13px; font-weight:500; color:#9C4615; margin-bottom:14px; }
.franco-blog-date{ font-family:'Poppins',sans-serif; font-size:13px; color:#8a8578; letter-spacing:.3px; }
.franco-blog-date i{ color:#A59973; margin-right:6px; }
.franco-blog-dot{ color:#A59973; }

.franco-blog-readmore{ display:inline-flex; align-items:center; gap:9px; font-family:'Poppins',sans-serif;
  font-weight:600; font-size:14px; letter-spacing:.4px; color:#4A5942; text-transform:uppercase; }
.franco-blog-readmore i{ transition:transform .3s ease; font-size:13px; }
.franco-blog-readmore:hover{ color:#9C4615; }
.franco-blog-readmore:hover i{ transform:translateX(6px); }
.franco-blog-readmore--sm{ font-size:13px; }

/* --- Liste intro --- */
.franco-blog-list__intro{ max-width:640px; }
.franco-blog-list__lead{ font-family:'Poppins',sans-serif; font-size:17px; line-height:1.7; color:#6f6a5e; margin:0; }

/* --- Öne çıkan yazı --- */
.franco-blog-featured{ display:grid; grid-template-columns:1.1fr .9fr; gap:0; background:#fff;
  border-radius:22px; overflow:hidden; box-shadow:0 18px 50px rgba(46,58,41,.08); border:1px solid #ECE6D8; }
.franco-blog-featured__media{ display:block; overflow:hidden; min-height:340px; }
.franco-blog-featured__media img{ width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.franco-blog-featured:hover .franco-blog-featured__media img{ transform:scale(1.05); }
.franco-blog-featured__body{ padding:clamp(26px,3.4vw,52px); display:flex; flex-direction:column;
  justify-content:center; }
.franco-blog-meta{ display:flex; align-items:center; gap:14px; margin-bottom:16px; flex-wrap:wrap; }
.franco-blog-badge{ display:inline-block; background:#4A5942; color:#fff; font-family:'Poppins',sans-serif;
  font-size:11px; letter-spacing:1.5px; text-transform:uppercase; font-weight:600; padding:6px 14px; border-radius:999px; }
.franco-blog-featured__title{ font-size:clamp(26px,2.8vw,38px); line-height:1.12; margin:0 0 16px; color:#2b3326; }
.franco-blog-featured__title a{ color:inherit; }
.franco-blog-featured__title a:hover{ color:#9C4615; }
.franco-blog-featured__excerpt{ font-family:'Poppins',sans-serif; font-size:16px; line-height:1.75;
  color:#6f6a5e; margin:0 0 22px; }
.franco-blog-byline{ display:flex; align-items:center; gap:12px; font-family:'Poppins',sans-serif;
  font-size:13px; color:#8a8578; margin-bottom:26px; }
.franco-blog-byline i{ color:#A59973; margin-right:6px; }

/* --- Kart --- */
.franco-blog-card{ display:flex; flex-direction:column; background:#fff; border-radius:20px; overflow:hidden;
  border:1px solid #ECE6D8; box-shadow:0 10px 30px rgba(46,58,41,.05);
  transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease; }
.franco-blog-card:hover{ transform:translateY(-8px); box-shadow:0 22px 48px rgba(46,58,41,.13); border-color:#dcd3bf; }
.franco-blog-card__media{ display:block; overflow:hidden; aspect-ratio:16/11; }
.franco-blog-card__media img{ width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.franco-blog-card:hover .franco-blog-card__media img{ transform:scale(1.07); }
.franco-blog-card__body{ padding:26px 26px 30px; display:flex; flex-direction:column; flex-grow:1; }
.franco-blog-card__title{ font-size:23px; line-height:1.2; margin:12px 0 12px; color:#2b3326; }
.franco-blog-card__title a{ color:inherit; }
.franco-blog-card__title a:hover{ color:#9C4615; }
.franco-blog-card__excerpt{ font-family:'Poppins',sans-serif; font-size:15px; line-height:1.7;
  color:#6f6a5e; margin:0 0 22px; flex-grow:1; }

/* ============================================================
   YAZI (detay) — editöryel okuma kolonu
   ============================================================ */
.franco-article__meta{ max-width:760px; text-align:center; margin-bottom:30px; }
.franco-article__metarow{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px;
  font-family:'Poppins',sans-serif; font-size:14px; color:#7a7568; }
.franco-article__metarow i{ color:#A59973; margin-right:6px; }

.franco-article__cover{ max-width:960px; margin-bottom:46px; border-radius:22px; overflow:hidden;
  box-shadow:0 24px 60px rgba(46,58,41,.16); }
.franco-article__cover img{ width:100%; height:auto; display:block; max-height:560px; object-fit:cover; }

.franco-article__body{ max-width:760px; }
.franco-article__body p{ font-family:'Poppins',sans-serif; font-size:18px; line-height:1.95;
  color:#3f3b33; font-weight:300; margin:0 0 26px; }
.franco-article__lead{ font-size:20px !important; color:#2b3326 !important; font-weight:400 !important; }
/* İlk harf (drop cap) — editöryel dokunuş */
.franco-article__lead::first-letter{ font-family:'Playfair Display','Cormorant Garamond',serif;
  font-size:4.6em; line-height:.72; float:left; margin:8px 14px 0 0; color:#4A5942; font-weight:700; }

/* --- Paylaş --- */
.franco-article__share{ max-width:760px; margin-top:44px; padding-top:30px; border-top:1px solid #E6DFCE;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; }
.franco-article__share-label{ font-family:'Poppins',sans-serif; font-weight:600; font-size:14px;
  letter-spacing:1px; text-transform:uppercase; color:#4A5942; }
.franco-share-buttons{ display:flex; align-items:center; gap:12px; }
.franco-share-btn{ width:46px; height:46px; border-radius:50%; border:1px solid #E1D9C6; background:#fff;
  display:inline-flex; align-items:center; justify-content:center; color:#4A5942; font-size:17px;
  cursor:pointer; transition:all .3s ease; }
.franco-share-btn:hover{ transform:translateY(-3px); color:#fff; border-color:transparent; }
.franco-share-btn--wa:hover{ background:#25D366; }
.franco-share-btn--fb:hover{ background:#1877F2; }
.franco-share-btn--x:hover{ background:#111; }
.franco-share-btn--copy:hover{ background:#A59973; }
.franco-share-btn.is-copied{ background:#4A5942; color:#fff; border-color:transparent; }

/* --- Diğer yazılar --- */
.franco-related{ background:#F6F2E9; }
.franco-related__title{ font-size:clamp(28px,3vw,40px); color:#2b3326; margin:0; }

/* --- Bulunamadı --- */
.franco-blog-notfound{ min-height:46vh; display:flex; align-items:center; justify-content:center; }

/* --- Responsive --- */
@media (max-width: 991px){
  .franco-blog-featured{ grid-template-columns:1fr; }
  .franco-blog-featured__media{ min-height:260px; aspect-ratio:16/9; }
}
@media (max-width: 575px){
  .franco-article__body p{ font-size:17px; line-height:1.85; }
  .franco-article__lead{ font-size:18px !important; }
  .franco-article__lead::first-letter{ font-size:3.8em; }
  .franco-article__share{ flex-direction:column; align-items:flex-start; }
}

/* Breadcrumb banner köşelerindeki şablon yemek süslerini gizle */
.breadcrumb-section img[src*="home-shape"],
.breadcrumb-section img[src*="shape-start"],
.breadcrumb-section img[src*="shape-end"]{ display:none !important; }

/* İletişim sayfası ikon daireleri oval olup ikonu kesmesin — sabit yuvarlak */
.theme5-bg.w-50px.h-50px.rounded-circle,
.iletisim-ico{ flex:0 0 50px !important; width:50px !important; height:50px !important; min-width:50px !important; aspect-ratio:1/1; overflow:visible !important; }

/* Sidebar/footer e-posta ve adres küçük harf kalsın (capitalize bozuyordu) */
.offcanvas__contact a,
.offcanvas__contact-text a,
a[href^="mailto:"],
a[href^="tel:"]{ text-transform:none !important; }

/* Breadcrumb alanına gölge */
.breadcrumb-section{ box-shadow:0 14px 36px rgba(31,40,28,.28); position:relative; z-index:2; }

/* Galeri video öğesi — poster üzerinde oynat ikonu */
.gallery-single-item .franco-vid{ cursor:pointer; }
.gallery-single-item .franco-vid i{ color:#fff; font-size:20px; }
.gallery-vid-badge{ position:absolute; top:12px; right:12px; z-index:2; background:rgba(46,58,41,.85);
  color:#EDE7DA; font-size:12px; padding:4px 10px; border-radius:999px; pointer-events:none; }

/* Blog yazısı alt başlıkları (## ) — editöryel H2 */
.franco-article-h2{ font-family:'Playfair Display', Georgia, serif; font-size:28px; line-height:1.3;
  color:#2b3326; font-weight:600; margin:42px 0 18px; }
.franco-article-h2:first-child{ margin-top:0; }
@media (max-width:575px){
  .franco-article-h2{ font-size:23px; margin:34px 0 14px; }
}

/* ===== Pürüzsüz CSS marquee (eski Swiper sürekli-autoplay jank yapıyordu) ===== */
.franco-marquee{ overflow:hidden; width:100%; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.franco-marquee__track{ display:inline-flex; align-items:center; white-space:nowrap; will-change:transform; animation:franco-marq 38s linear infinite; }
.franco-marquee:hover .franco-marquee__track{ animation-play-state:paused; }
.franco-marquee__item{ font-size:34px; line-height:1; padding:0 26px; display:inline-block; }
.franco-marquee__sep{ color:#A59973; font-size:16px; display:inline-block; transform:translateY(-3px); }
@keyframes franco-marq{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media (max-width:575px){ .franco-marquee__item{ font-size:24px; padding:0 16px; } }

/* ===== Scroll takılmasını azalt: parallax/fixed arka planları kapat ===== */
.vedio-area, section, .bg-cover, [style*="background-attachment"]{ background-attachment:scroll !important; }

/* Hareketi azalt tercihi olan kullanıcılarda animasyonları durdur */
@media (prefers-reduced-motion: reduce){
  .franco-marquee__track{ animation:none; }
  .float-bob-y, .float-bob-x{ animation:none !important; }
}

/* ===== Giriş animasyonu (WOW yerine, güvenli — JS yoksa içerik görünür) ===== */
.wow.franco-reveal{ opacity:0; transform:translateY(22px);
  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); animation:none !important; }
.wow.franco-reveal.franco-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  .wow.franco-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* ===== CLS düzeltme: içerik görsellerine yer rezerve et (lazy yüklenince "zıplama" olmasın) ===== */
.about-thumb-vid img{ aspect-ratio:16/10; object-fit:cover; width:100%; display:block; }
.about-thumb-wrap > img{ aspect-ratio:3/4; object-fit:cover; width:100%; display:block; }
.choose-thumb3 .thumb img{ aspect-ratio:7/8; object-fit:cover; width:100%; display:block; }
.blog-single-item4 .thumb img{ aspect-ratio:4/3; object-fit:cover; width:100%; display:block; }
.open-table-section .thumb-left img,
.open-table-section .thumb-right img{ aspect-ratio:2/3; object-fit:cover; width:100%; display:block; }
.franco-blog-card__thumb img, .franco-article__cover img{ aspect-ratio:16/9; object-fit:cover; width:100%; display:block; }

/* ===== Sticky header zıplamasını düzelt =====
   Şablon sticky'de position:sticky kullanıyor (akış içinde) -> içeriği 100px itip
   "scroll sırasında zıplama" yaratıyor. fixed (akış dışı, üstte yüzen) yapıyoruz. */
#header-sticky.sticky,
.header-1.sticky,
.header-style03.sticky,
.header-style03.header-1.sticky{
  position:fixed !important; top:0 !important; left:0; right:0; width:100%;
  box-shadow: rgba(31,40,28,.12) 0px 8px 24px;
}

/* ===== Mobil header: hareketli (çalan) telefon butonu ===== */
.franco-call-btn{ width:42px; height:42px; min-width:42px; flex:0 0 42px; border-radius:50%;
  background:#4A5942; color:#fff !important; align-items:center; justify-content:center;
  position:relative; margin-right:8px; text-decoration:none; }
.franco-call-btn i{ font-size:17px; display:inline-block; transform-origin:center;
  animation:franco-ring 1.4s ease-in-out infinite; }
.franco-call-btn::after{ content:""; position:absolute; inset:0; border-radius:50%;
  border:2px solid #9C4615; animation:franco-call-pulse 1.6s ease-out infinite; }
.franco-call-btn:hover{ background:#9C4615; }
@keyframes franco-ring{
  0%,55%,100%{ transform:rotate(0); }
  10%{ transform:rotate(-20deg); } 20%{ transform:rotate(18deg); }
  30%{ transform:rotate(-16deg); } 40%{ transform:rotate(14deg); } 50%{ transform:rotate(-6deg); }
}
@keyframes franco-call-pulse{
  0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(1.75); opacity:0; }
}
@media (prefers-reduced-motion:reduce){
  .franco-call-btn i{ animation:none; } .franco-call-btn::after{ animation:none; opacity:0; }
}

/* ============================================================
   BREADCRUMB — sıfırdan, tutarlı, mobil-uyumlu (franco_breadcrumb)
   ============================================================ */
.franco-bc{
  position:relative; background-size:cover; background-position:center center;
  padding:140px 18px 56px; text-align:center; overflow:hidden; isolation:isolate;
}
.franco-bc__overlay{
  position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(31,40,28,.58) 0%, rgba(31,40,28,.88) 100%);
}
.franco-bc__inner{ position:relative; z-index:1; max-width:900px; }
.franco-bc__title{
  color:#fff !important; font-weight:600; line-height:1.12; margin:0 0 14px;
  font-size:clamp(28px, 5.2vw, 52px); text-shadow:0 3px 20px rgba(0,0,0,.5);
  overflow-wrap:anywhere;
}
.franco-bc__trail{
  display:flex; flex-wrap:wrap; gap:6px 8px; justify-content:center; align-items:center;
  font-size:15px; line-height:1; font-family:'Poppins',sans-serif;
}
.franco-bc__trail a{ color:#EDE7DA; text-decoration:none; opacity:.92; transition:.2s; }
.franco-bc__trail a:hover{ color:#fff; opacity:1; }
.franco-bc__sep{ color:#A59973; font-size:18px; line-height:1; }
.franco-bc__current{ color:#fff; font-weight:500; opacity:.95; }

@media (max-width:991px){
  .franco-bc{ padding:120px 16px 44px; }
}
@media (max-width:575px){
  .franco-bc{ padding:100px 14px 34px; }
  .franco-bc__trail{ font-size:13.5px; }
}