/*
============================================================
  VENEZIA POOLS – Venetian Theme
  Modern Elegant Venice palette
  Serif (Playfair Display) headings + Inter body
============================================================
*/

:root{
  --v-blue:       #1B3A5C; /* Deep Venetian Blue */
  --v-blue-2:     #244a72;
  --v-gold:       #C9A227; /* Rich / Antique Gold */
  --v-gold-2:     #E4C25A;
  --v-cream:      #F5F0E1; /* Cream Marble */
  --v-cream-2:    #ECE3CA;
  --v-burgundy:   #8B1E3F; /* Venetian Burgundy */
  --v-burgundy-2: #6D0E2A;
  --v-canal:      #0E1E2B; /* Dark Canal */
  --v-canal-2:    #142a3d;
  --v-ink:        #21283a;
  --v-text:       #2b2417;
  --v-muted:      #766a4f;
  --v-line:       rgba(201,162,39,.45);

  --v-font-display: 'Playfair Display', 'Cormorant Garamond', 'Times New Roman', serif;
  --v-font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --v-shadow-sm: 0 6px 18px -10px rgba(14,30,43,.35);
  --v-shadow-md: 0 18px 40px -22px rgba(14,30,43,.55);
  --v-shadow-lg: 0 30px 80px -30px rgba(14,30,43,.6);
}

/* ---------- Global reset over legacy theme ---------- */
html, body{ min-height: 100%; }
body{
  font-family: var(--v-font-body) !important;
  color: var(--v-text);
  background:
    radial-gradient(1200px 700px at 88% -10%, rgba(201,162,39,.18), transparent 60%),
    radial-gradient(900px 700px at -10% 110%, rgba(139,30,63,.14), transparent 55%),
    linear-gradient(180deg, #FBF6E8 0%, var(--v-cream) 48%, #EFE4C6 100%) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  margin-bottom: 92px !important;
  position: relative;
  overflow-x: hidden;
}

/* Marble grain overlay */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.1 0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.14'/></svg>");
  mix-blend-mode: multiply;
  opacity: .35;
}

.container, .container-fluid, header, footer, main, nav{ position: relative; z-index: 1; }

/* ---------- Typography ---------- */
h1,h2,h3,h4,h5,h6, .fw-bold{
  font-family: var(--v-font-display) !important;
  letter-spacing: .2px;
  color: var(--v-blue);
}
.text-runn, .time-cur, small, .form-control, .btn{ font-family: var(--v-font-body) !important; }
p, span, li, a, td, th, label, input, textarea{ font-family: var(--v-font-body); }

/* Golden underline utility */
.v-goldline{
  display:inline-block;
  position: relative;
  padding-bottom: 12px;
}
.v-goldline::after{
  content:"";
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  bottom:0;
  width: 90px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--v-gold), transparent);
}

/* ---------- Header / Navbar ---------- */
.navbar.bg-brown{
  background: linear-gradient(180deg, var(--v-canal) 0%, var(--v-blue) 100%) !important;
  border-bottom: 1px solid rgba(201,162,39,.35);
  box-shadow: var(--v-shadow-md);
  padding-top: .55rem;
  padding-bottom: .55rem;
  position: relative;
}
.navbar.bg-brown::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:2px;
  background: linear-gradient(90deg, transparent 0%, var(--v-gold) 20%, var(--v-gold-2) 50%, var(--v-gold) 80%, transparent 100%);
}
.navbar-brand{ display:flex; align-items:center; gap: 12px; }
.navbar-brand .logo{
  width: 150px !important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.35));
}
/*header .navbar-brand::after,*/
/*.navbar.bg-brown .navbar-brand::after{*/
/*  content:"VENEZIA POOLS";*/
/*  font-family: var(--v-font-display);*/
/*  font-weight: 700;*/
/*  font-size: 1.05rem;*/
/*  letter-spacing: 3px;*/
/*  color: var(--v-gold);*/
/*  border-left: 1px solid rgba(201,162,39,.4);*/
/*  padding-left: 14px;*/
/*}*/
/* Inside the live card, drop the badge text and drop shadow */
#live .navbar-brand{ gap: 0 !important; }
#live .navbar-brand::after{ display: none !important; }
#live .navbar-brand .logo{
  width: 130px !important;
  filter: none !important;
}
footer .navbar-brand{ gap: 0 !important; }
footer .navbar-brand::after{ display:none !important; }
@media (max-width: 575px){
  .navbar-brand::after{ display:none; }
  .navbar-brand .logo{ width: 120px !important; }
}
.navbar-dark .navbar-nav .nav-link{
  color: #EAD9A7 !important;
  font-weight: 500;
  letter-spacing: .5px;
  padding: .55rem 1rem !important;
  border-radius: 999px;
  transition: background .25s ease, color .25s ease, transform .25s ease;
  position: relative;
}
.navbar-dark .navbar-nav .nav-link:hover{
  color: var(--v-gold-2) !important;
  background: rgba(201,162,39,.08);
}
.navbar-dark .navbar-nav .nav-link.active{
  color: var(--v-canal) !important;
  background: linear-gradient(180deg, var(--v-gold-2), var(--v-gold));
  box-shadow: 0 6px 14px -8px var(--v-gold);
}
.dropdown-menu{
  background: linear-gradient(180deg, #FFFBEE, var(--v-cream));
  border: 1px solid var(--v-line);
  box-shadow: var(--v-shadow-md);
  border-radius: 12px;
  padding: 8px;
}
.dropdown-item{
  color: var(--v-blue);
  font-weight: 500;
  border-radius: 8px;
  padding: 8px 12px;
}
.dropdown-item:hover, .dropdown-item.active{
  background: var(--v-blue);
  color: var(--v-gold-2);
}
.navbar-toggler{
  border-color: rgba(201,162,39,.5) !important;
}
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23C9A227' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/* ---------- Marquee ---------- */
marquee.text-runn{
  background: linear-gradient(90deg, var(--v-cream), #FFF8E1, var(--v-cream));
  color: var(--v-burgundy) !important;
  border-top: 1px solid var(--v-line);
  border-bottom: 1px solid var(--v-line);
  padding: 8px 0 !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
  font-size: .85rem !important;
}

/* ---------- Hero Slider ---------- */
.swiper{
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(90deg, transparent, var(--v-gold), transparent) 1;
  position: relative;
  height: clamp(360px, 60vh, 560px) !important;
  overflow: hidden;
}
.swiper .swiper-wrapper{ height: 100% !important; }
.swiper .swiper-slide{
  position: relative;
  height: 100% !important;
  background: linear-gradient(180deg, var(--v-blue), var(--v-canal));
  overflow: hidden;
}
.swiper .slideimg{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center;
  filter: brightness(.7) saturate(1.05);
  display: block;
}
.swiper-slide::after{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(14,30,43,.15) 0%, rgba(14,30,43,.65) 100%),
    radial-gradient(500px 400px at 20% 30%, rgba(201,162,39,.18), transparent 70%);
  pointer-events:none;
}
.v-hero-overlay{
  position:absolute; inset:0;
  display:flex; align-items:center;
  z-index: 2;
  padding: 4% 6%;
}
.v-hero-inner{ max-width: 620px; color: #fff; }
.v-hero-kicker{
  font-family: var(--v-font-body);
  text-transform: uppercase;
  letter-spacing: 6px;
  color: var(--v-gold-2);
  font-size: .78rem;
  font-weight: 600;
  margin-bottom: 12px;
  display:inline-flex; align-items:center; gap: 12px;
}
.v-hero-kicker::before, .v-hero-kicker::after{
  content:""; display:inline-block; width: 40px; height:1px;
  background: linear-gradient(90deg, transparent, var(--v-gold));
}
.v-hero-kicker::after{ background: linear-gradient(90deg, var(--v-gold), transparent); }
.v-hero-title{
  font-family: var(--v-font-display) !important;
  font-weight: 700;
  font-size: clamp(2rem, 4.5vw, 3.6rem);
  line-height: 1.05;
  color: #fff !important;
  margin: 0 0 14px;
  text-shadow: 0 6px 30px rgba(0,0,0,.4);
}
.v-hero-title em{
  font-style: italic;
  color: var(--v-gold-2);
  font-weight: 500;
}
.v-hero-sub{
  color: rgba(255,255,255,.85);
  font-size: 1.05rem;
  max-width: 520px;
  margin-bottom: 22px;
  line-height: 1.65;
}
.v-hero-cta{
  display:inline-flex; align-items:center; gap: 10px;
  background: linear-gradient(180deg, var(--v-gold-2), var(--v-gold));
  color: var(--v-canal) !important;
  padding: 12px 26px;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: .82rem;
  text-decoration:none !important;
  box-shadow: 0 16px 36px -14px rgba(201,162,39,.6);
  transition: transform .25s ease, box-shadow .25s ease;
}
.v-hero-cta:hover{ transform: translateY(-2px); box-shadow: 0 22px 46px -16px rgba(201,162,39,.75); }
.v-hero-cta.secondary{
  background: transparent;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.4);
  box-shadow: none;
}
.v-hero-cta.secondary:hover{
  border-color: var(--v-gold-2);
  color: var(--v-gold-2) !important;
}

.swiper-button-prev, .swiper-button-next{
  color: var(--v-gold-2) !important;
  background: rgba(14,30,43,.55);
  width: 44px !important; height: 44px !important;
  border-radius: 50%;
  border: 1px solid rgba(201,162,39,.35);
  backdrop-filter: blur(8px);
}
.swiper-button-prev::after, .swiper-button-next::after{
  font-size: 16px !important;
  font-weight: 700;
}

/* ---------- Section headers ---------- */
.v-section-title{
  text-align:center;
  margin: 42px 0 22px;
}
.v-section-title .kicker{
  display:inline-block;
  font-family: var(--v-font-body);
  text-transform: uppercase;
  letter-spacing: 5px;
  color: var(--v-burgundy);
  font-size: .72rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.v-section-title h2{
  font-family: var(--v-font-display) !important;
  font-weight: 700;
  color: var(--v-blue) !important;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  margin: 0 0 10px;
}
.v-section-title .ornament{
  display:flex; align-items:center; justify-content:center; gap: 14px;
  color: var(--v-gold);
}
.v-section-title .ornament::before,
.v-section-title .ornament::after{
  content:""; display:block; width: 70px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--v-gold));
}
.v-section-title .ornament::after{ background: linear-gradient(90deg, var(--v-gold), transparent); }
.v-section-title .ornament svg{ width: 26px; height: 26px; }
.v-section-title p.sub{
  color: var(--v-muted);
  max-width: 620px;
  margin: 6px auto 0;
  font-size: .95rem;
}

/* ---------- Cards ---------- */
.card-live{
  width: min(560px, 100%) !important;
  background: linear-gradient(180deg, #FFFDF6 0%, #FBF3D7 100%) !important;
  border: 1px solid var(--v-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--v-shadow-md);
  overflow: hidden;
  position: relative;
}
.card-live::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(201,162,39,.06), transparent 60%),
    radial-gradient(400px 200px at 100% 0, rgba(201,162,39,.16), transparent 60%);
  pointer-events:none;
}
.card-live .card-body{ padding: 22px; }

.card1.card-live-dk{
  background: linear-gradient(180deg, rgba(255,253,246,.9), rgba(245,240,225,.9)) !important;
  border: 1px solid var(--v-line) !important;
  border-radius: 22px !important;
  box-shadow: var(--v-shadow-md);
  padding: 28px 22px 22px !important;
  align-items: stretch !important;
}
.card1.card-live-dk h4{
  font-family: var(--v-font-display) !important;
  color: var(--v-blue) !important;
  font-size: 1.7rem;
  text-align:center;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 14px;
}
.card1.card-live-dk h4::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:0; width: 90px; height: 2px;
  background: linear-gradient(90deg, transparent, var(--v-gold), transparent);
}

/* Live result inner card */
div.live-content.bg-dark.rounded{
  background: linear-gradient(180deg, var(--v-canal) 0%, var(--v-blue) 100%) !important;
  color: #F5EBC8 !important;
  border: 1px solid rgba(201,162,39,.35) !important;
  border-radius: 16px !important;
  padding: 22px !important;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
div.live-content.bg-dark.rounded::before{
  content:""; position:absolute; inset: 6px; border-radius: 12px;
  border: 1px dashed rgba(201,162,39,.35); pointer-events:none;
}
div.live-content h4{
  color: #FBEFC9 !important;
  font-family: var(--v-font-display) !important;
  font-size: 1.15rem;
  margin-bottom: 4px;
}
div.live-content .col-6 h4:first-child{ color: var(--v-gold-2) !important; }
div.live-content hr{
  border-color: rgba(201,162,39,.28) !important;
  opacity: 1;
}
div.live-content .fa-trophy{ color: var(--v-gold-2) !important; }

.card-live #live{
  border: none !important;
  padding: 4px;
}
div#live{ border: none !important; }
div#live > center img.logo{
  width: 130px !important;
  margin-bottom: 8px;
  filter: none;
}
div#live > .d-flex.justify-content-center h5,
div#live > .d-flex.justify-content-center h6{
  color: var(--v-blue) !important;
  font-family: var(--v-font-display) !important;
  text-align:center;
}
div#live > .d-flex.justify-content-center h5.fw-bold{
  font-size: 1.35rem;
  letter-spacing: 3px;
  color: var(--v-burgundy) !important;
}

/* Recent draws grid */
.result-card{
  background: linear-gradient(180deg, #FFFDF6 0%, #F7ECC9 100%) !important;
  color: var(--v-blue) !important;
  padding: 22px 18px !important;
  border-radius: 18px !important;
  border: 1px solid var(--v-line);
  box-shadow: var(--v-shadow-sm);
  position: relative;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
.result-card::before{
  content:"";
  position: absolute;
  top: 10px; right: 10px; bottom: 10px; left: 10px;
  border: 1px solid rgba(201,162,39,.35);
  border-radius: 12px;
  pointer-events:none;
}
.result-card::after{
  content:"";
  position:absolute; top:-30px; right:-30px;
  width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(201,162,39,.35), transparent 70%);
  pointer-events:none;
}
.result-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--v-shadow-md);
}
.result-card h5{
  color: var(--v-blue) !important;
  font-family: var(--v-font-display) !important;
  font-size: 1.05rem;
  margin: 0 0 4px;
}
.result-card h6{
  color: var(--v-burgundy) !important;
  font-family: var(--v-font-body) !important;
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.result-card hr{
  border-color: rgba(201,162,39,.4) !important;
  opacity: 1 !important;
  margin: 10px auto !important;
}
.result-card .p-num{
  font-family: var(--v-font-display) !important;
  font-size: 2rem !important;
  font-weight: 800;
  color: var(--v-blue) !important;
  letter-spacing: 6px;
  background: linear-gradient(180deg, #244a72, var(--v-blue));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 4px 0 6px;
}
.result-card .fa-trophy{ color: var(--v-gold) !important; }

/* Result page cards */
.bg-card4{
  background: linear-gradient(180deg, var(--v-blue) 0%, var(--v-canal) 100%) !important;
  border: 1px solid rgba(201,162,39,.35) !important;
  border-radius: 18px !important;
  color: #F5EBC8 !important;
  box-shadow: var(--v-shadow-md);
  overflow: hidden;
  position: relative;
  transition: transform .3s ease;
}
.bg-card4:hover{ transform: translateY(-3px); }
.bg-card4 .card-body{ padding: 18px !important; }
.bg-card4 .bg-light.rounded{
  background: linear-gradient(180deg, #FFFBEE, #F5EBC8) !important;
  border: 1px solid rgba(201,162,39,.4);
  padding: 12px !important;
}
.bg-card4 .bg-light.rounded img{ max-width: 160px; }
.bg-card4 h5{
  color: #FBEFC9 !important;
  font-family: var(--v-font-display) !important;
  letter-spacing: 1px;
  font-size: 1rem;
  margin-top: 12px;
}
.bg-card4 .ball-result{
  font-family: var(--v-font-display) !important;
  font-size: 2.6rem !important;
  color: var(--v-gold-2) !important;
  letter-spacing: 10px;
  text-shadow: 0 6px 26px rgba(201,162,39,.35);
  margin-top: 4px !important;
}
.bg-card4 .badge.bg-danger{
  background: linear-gradient(180deg, var(--v-burgundy), var(--v-burgundy-2)) !important;
  padding: .45em 1em;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 2px;
  border: 1px solid rgba(255,255,255,.15);
}
.bg-card4 .text-warning{
  color: var(--v-gold-2) !important;
  font-family: var(--v-font-display) !important;
  font-style: italic;
  font-weight: 500 !important;
}
.bg-card4 span{
  color: rgba(245,235,200,.75) !important;
  font-size: .85rem;
  letter-spacing: .5px;
}

/* Result page banner strip */
.bg-light.p-2{
  background: transparent !important;
  color: var(--v-blue) !important;
  padding: 22px 0 !important;
  border-bottom: 1px solid var(--v-line);
  margin-bottom: 8px;
}
.bg-light.p-2 .container h2{
  font-family: var(--v-font-display) !important;
  color: var(--v-blue) !important;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 14px !important;
  display:inline-block;
  position: relative;
  padding-bottom: 10px;
}
.bg-light.p-2 .container h2::after{
  content:""; position:absolute; left:0; bottom:0;
  width: 60%; height: 2px;
  background: linear-gradient(90deg, var(--v-gold), transparent);
}
.bg-light.p-2 .input-group{
  border-radius: 999px;
  overflow:hidden;
  box-shadow: var(--v-shadow-sm);
  background: #FFFBEE;
  border: 1px solid var(--v-line);
  width: 22rem !important;
  max-width: 100%;
}
.bg-light.p-2 .input-group-text{
  background: transparent;
  border: none;
  color: var(--v-blue);
}
.bg-light.p-2 .form-control{
  background: transparent;
  border: none;
  color: var(--v-blue);
  font-weight: 500;
}
.bg-light.p-2 .form-control::placeholder{ color: rgba(27,58,92,.55); }
.bg-light.p-2 .btn-danger{
  background: linear-gradient(180deg, var(--v-gold-2), var(--v-gold)) !important;
  border: none !important;
  color: var(--v-canal) !important;
  padding-left: 18px; padding-right: 18px;
  font-weight: 700;
}
.bg-light.p-2 .btn-danger:hover{ filter: brightness(1.05); }

/* Pagination */
.pagination{ gap: 6px; margin-top: 12px; }
.page-item .page-link{
  border-radius: 10px !important;
  border: 1px solid var(--v-line) !important;
  color: var(--v-blue) !important;
  background: #FFFBEE !important;
  font-weight: 600;
}
.page-item.active .page-link{
  background: linear-gradient(180deg, var(--v-gold-2), var(--v-gold)) !important;
  color: var(--v-canal) !important;
  border-color: var(--v-gold) !important;
}
.page-item.disabled .page-link{ opacity: .5; }

/* Result feed CTA nav */
.navbar-result-custom{
  background: linear-gradient(180deg, var(--v-blue), var(--v-canal)) !important;
  border-radius: 18px !important;
  padding: 10px 14px !important;
  margin-top: 12px !important;
  border: 1px solid rgba(201,162,39,.3);
  box-shadow: var(--v-shadow-sm);
}
.navbar-result-custom .nav-link{
  color: var(--v-gold-2) !important;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: .85rem;
}

/* Bottom nav */
.navbot.fixed-bottom{
  background: linear-gradient(180deg, var(--v-canal) 0%, var(--v-blue) 100%) !important;
  border-top: 1px solid rgba(201,162,39,.4) !important;
  color: #F5EBC8 !important;
  padding: 12px 14px !important;
  box-shadow: 0 -12px 30px -10px rgba(14,30,43,.45);
}
.navbot .time-cur{
  color: #F5EBC8 !important;
  font-size: .8rem !important;
  letter-spacing: .5px;
}
.navbot .bottom-nav > li{ vertical-align: middle; }
.navbot .bottom-nav img{
  border-radius: 3px;
  box-shadow: 0 3px 10px rgba(0,0,0,.35);
}

/* Footer */
footer{
  margin-top: 60px !important;
  padding: 26px 0 20px;
  border-top: 1px solid var(--v-line);
  background: linear-gradient(180deg, transparent, rgba(201,162,39,.06));
  position: relative;
}
footer::before{
  content:"";
  position:absolute; top:-1px; left:0; right:0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--v-gold), transparent);
}
.copyright-text{
  color: var(--v-blue) !important;
  font-family: var(--v-font-display) !important;
  font-size: .9rem !important;
  font-weight: 500 !important;
  letter-spacing: .5px;
}

/* Modal (Gioco Responsabile) */
.modal-content{
  background: linear-gradient(180deg, #FFFDF6, var(--v-cream)) !important;
  border: 1px solid var(--v-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--v-shadow-lg);
  overflow: hidden;
}
.modal-header{
  background: linear-gradient(180deg, var(--v-canal), var(--v-blue));
  color: #fff;
  border-bottom: 1px solid rgba(201,162,39,.35) !important;
  padding: 18px 24px !important;
}
.modal-header .modal-title{
  color: var(--v-gold-2) !important;
  font-family: var(--v-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px;
}
.modal-header .btn-close{
  filter: invert(1) sepia(1) saturate(3) hue-rotate(0deg) brightness(1.2);
}
.modal-body{
  padding: 28px !important;
  color: var(--v-text);
}
.modal-body h3.text-danger{
  color: var(--v-burgundy) !important;
  font-family: var(--v-font-display) !important;
  font-weight: 700;
}
.modal-body p.fw-bold{
  color: var(--v-blue) !important;
  font-family: var(--v-font-display) !important;
  margin-top: 14px;
  font-size: 1.05rem;
}
.modal-body p{ line-height: 1.75; color: #3a3728; }

/* ============================================================
   Extra: Venezia decorative section (added under hero)
   ============================================================ */
.v-features{
  padding: 46px 0 24px;
}
.v-features .v-feat{
  background: linear-gradient(180deg, #FFFDF6, #F8ECC7);
  border: 1px solid var(--v-line);
  border-radius: 16px;
  padding: 22px 20px;
  height: 100%;
  transition: transform .3s ease, box-shadow .3s ease;
  position: relative;
  overflow: hidden;
}
.v-features .v-feat:hover{
  transform: translateY(-4px);
  box-shadow: var(--v-shadow-md);
}
.v-features .v-feat::before{
  content:""; position:absolute; top:0; left:0; right:0; height: 3px;
  background: linear-gradient(90deg, transparent, var(--v-gold), transparent);
}
.v-features .v-feat .icon{
  width: 52px; height: 52px;
  border-radius: 12px;
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(180deg, var(--v-blue), var(--v-canal));
  color: var(--v-gold-2);
  font-size: 1.2rem;
  margin-bottom: 14px;
  box-shadow: var(--v-shadow-sm);
}
.v-features .v-feat h5{
  font-family: var(--v-font-display) !important;
  color: var(--v-blue) !important;
  font-weight: 700;
  margin-bottom: 6px;
}
.v-features .v-feat p{
  color: var(--v-muted);
  font-size: .92rem;
  margin: 0;
  line-height: 1.6;
}

/* Venezia landmark strip */
.v-landmark{
  margin: 30px auto;
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  min-height: 220px;
  background:
    linear-gradient(90deg, rgba(14,30,43,.85) 0%, rgba(14,30,43,.5) 60%, rgba(14,30,43,.15) 100%),
    url('images/slider/slider-1.jpg') center/cover no-repeat;
  border: 1px solid var(--v-line);
  box-shadow: var(--v-shadow-md);
  display:flex; align-items:center;
  padding: 30px;
}
.v-landmark .content{ max-width: 520px; color:#fff; position: relative; z-index: 2; }
.v-landmark .content .kicker{
  text-transform: uppercase;
  letter-spacing: 5px;
  color: var(--v-gold-2);
  font-weight: 600;
  font-size: .72rem;
}
.v-landmark .content h3{
  font-family: var(--v-font-display) !important;
  color: #fff !important;
  font-size: clamp(1.3rem, 2.4vw, 2rem);
  margin: 8px 0 8px;
  line-height: 1.15;
}
.v-landmark .content p{
  color: rgba(255,255,255,.85);
  font-size: .95rem;
  margin: 0;
  max-width: 480px;
}
.v-landmark::after{
  content:"";
  position:absolute; right: 20px; top:50%; transform: translateY(-50%);
  width: 120px; height: 120px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23E4C25A' stroke-width='0.9'><circle cx='50' cy='50' r='45'/><circle cx='50' cy='50' r='35'/><circle cx='50' cy='50' r='25'/><path d='M50 5 L50 95 M5 50 L95 50 M15 15 L85 85 M85 15 L15 85'/></svg>") center/contain no-repeat;
  opacity: .25;
  pointer-events:none;
}
@media (max-width: 767px){
  .v-landmark{ min-height: 260px; }
  .v-landmark::after{ display:none; }
}

/* ============================================================
   Responsive tweaks
   ============================================================ */
@media (max-width: 991px){
  .navbar-dark .navbar-nav .nav-link{ padding: .55rem .8rem !important; }
  .v-hero-overlay{ padding: 6% 6%; }
}
@media (max-width: 767px){
  .card-live, .card1.card-live-dk{ width: 100% !important; }
  .swiper .swiper-slide{ min-height: 260px; }
  .v-hero-title{ font-size: 1.9rem; }
  .v-hero-kicker{ letter-spacing: 4px; }
  .navbot ul{ text-align:center; }
  .navbot .bottom-nav > li{ display:block; margin: 2px 0; }
}
@media (max-width: 1200px){
  .card-live{ background: linear-gradient(180deg, #FFFDF6 0%, #FBF3D7 100%) !important; }
  .d-flex.justify-content-center{ color: var(--v-blue) !important; }
  .card1.card-body.card-live-dk.my-2{
    background: linear-gradient(180deg, rgba(255,253,246,.9), rgba(245,240,225,.9)) !important;
    color: var(--v-blue) !important;
  }
}

/* Small utility */
.v-ornament{
  display:flex; align-items:center; justify-content:center;
  color: var(--v-gold);
  margin: 8px 0 4px;
}
.v-ornament svg{ width: 28px; height: 28px; }
.v-ornament::before, .v-ornament::after{
  content:""; display:block; width: 100px; height:1px;
  background: linear-gradient(90deg, transparent, var(--v-gold));
  margin: 0 12px;
}
.v-ornament::after{ background: linear-gradient(90deg, var(--v-gold), transparent); }

/* Override: existing green bg gradients on cards must be gone */
.card-live, .card1.card-body.card-live-dk.my-2{
  background: linear-gradient(180deg, #FFFDF6 0%, #FBF3D7 100%) !important;
}

/* Kill any legacy green tint under 1200 */
@media only screen and (max-width: 1200px){
  body{ background:
    radial-gradient(1200px 700px at 88% -10%, rgba(201,162,39,.18), transparent 60%),
    radial-gradient(900px 700px at -10% 110%, rgba(139,30,63,.14), transparent 55%),
    linear-gradient(180deg, #FBF6E8 0%, var(--v-cream) 48%, #EFE4C6 100%) !important;
  }
}