/* ============================================================
   ALBU AUTOTEENINDUS — Custom Visual Enhancements
   ============================================================ */

:root {
  --cream:       #fff5e6;
  --cream-dark:  #fde9c9;
  --ink:         #1a1108;
  --ink-soft:    #3d2f1f;
  --primary:     #0096c7;
  --primary-dk:  #0077a3;
  --primary-lt:  #e6f7fc;
  --accent:      #e86a1a;
  --white:       #ffffff;
  --shadow-sm:   0 2px 12px rgba(26,17,8,.08);
  --shadow-md:   0 6px 28px rgba(26,17,8,.12);
  --shadow-lg:   0 16px 48px rgba(26,17,8,.15);
  --radius:      1rem;
  --radius-sm:   .5rem;
  --transition:  .28s cubic-bezier(.4,0,.2,1);
}

html { scroll-behavior: smooth; }
body { background-color: var(--cream) !important; color: var(--ink) !important; -webkit-font-smoothing: antialiased; }
section { background-color: var(--cream) !important; }

/* ── Navbar ── */
.menu .navbar {
  padding: .75rem 0 !important;
  backdrop-filter: blur(14px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.6) !important;
  background: rgba(255,245,230,.92) !important;
  border-bottom: 1px solid rgba(26,17,8,.07) !important;
  transition: box-shadow var(--transition), background var(--transition) !important;
}
.menu .navbar:not(.opacityScroll) { box-shadow: var(--shadow-md) !important; }
.menu .navbar.opacityScroll {
  background: rgba(255,245,230,.0) !important;
  border-bottom-color: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.navbar-caption { font-weight: 700 !important; letter-spacing: .04em !important; color: var(--ink) !important; transition: color var(--transition) !important; }
.navbar-caption:hover { color: var(--primary) !important; }
.navbar-logo img { border-radius: var(--radius-sm) !important; transition: transform var(--transition) !important; }
.navbar-logo img:hover { transform: scale(1.06) !important; }
.nav-link { font-weight: 500 !important; letter-spacing: .02em !important; padding: .45rem .9rem !important; border-radius: var(--radius-sm) !important; transition: color var(--transition), background var(--transition) !important; position: relative !important; }
.nav-link::after { content:'' !important; position:absolute !important; bottom:0 !important; left:.9rem !important; right:.9rem !important; height:2px !important; background:var(--primary) !important; border-radius:2px !important; transform:scaleX(0) !important; transition:transform var(--transition) !important; }
.nav-link:hover::after, .nav-link.active::after { transform: scaleX(1) !important; }
.nav-link:hover { color: var(--primary) !important; background: var(--primary-lt) !important; }
.nav-link.active { color: var(--primary) !important; font-weight: 700 !important; }
.navbar-buttons .btn-primary { background: var(--accent) !important; border-color: var(--accent) !important; border-radius: 2rem !important; font-weight: 700 !important; padding: .6rem 1.6rem !important; box-shadow: 0 4px 14px rgba(232,106,26,.3) !important; transition: transform var(--transition), box-shadow var(--transition) !important; }
.navbar-buttons .btn-primary:hover { background: #d45c14 !important; border-color: #d45c14 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(232,106,26,.4) !important; }

/* ── Buttons ── */
.btn { font-weight: 600 !important; letter-spacing: .04em !important; border-radius: 2rem !important; transition: transform var(--transition), box-shadow var(--transition), background var(--transition) !important; }
.btn:hover { transform: translateY(-2px) !important; }
.btn-primary, .btn-primary:active { background: var(--primary) !important; border-color: var(--primary) !important; box-shadow: 0 4px 14px rgba(0,150,199,.25) !important; }
.btn-primary:hover, .btn-primary:focus { background: var(--primary-dk) !important; border-color: var(--primary-dk) !important; box-shadow: 0 6px 20px rgba(0,150,199,.35) !important; }
.btn-white-outline { border-color: rgba(255,255,255,.8) !important; color: #fff !important; background: rgba(255,255,255,.12) !important; backdrop-filter: blur(6px) !important; }
.btn-white-outline:hover { background: rgba(255,255,255,.25) !important; border-color: #fff !important; box-shadow: 0 6px 24px rgba(0,0,0,.2) !important; }

/* ── Hero ── */
.header18 { min-height: 100vh !important; display: flex !important; align-items: center !important; position: relative !important; overflow: hidden !important; }
.header18 .mbr-overlay { background: linear-gradient(135deg, rgba(0,0,0,.65) 0%, rgba(13,27,42,.55) 60%, rgba(0,80,120,.35) 100%) !important; opacity: 1 !important; }
.header18 .content-wrap { position: relative !important; z-index: 2 !important; padding: 8rem 2rem 4rem !important; text-align: center !important; }
.header18 h1.mbr-section-title { font-size: clamp(2.8rem,7vw,6rem) !important; font-weight: 900 !important; letter-spacing: .06em !important; text-shadow: 0 2px 20px rgba(0,0,0,.4) !important; line-height: 1.05 !important; margin-bottom: 1.2rem !important; }
.header18 .mbr-text { font-size: clamp(1.1rem,2vw,1.45rem) !important; opacity: .92 !important; text-shadow: 0 1px 8px rgba(0,0,0,.3) !important; margin-bottom: 2rem !important; }

/* ── Section titles ── */
.mbr-section-title.display-2 { font-size: clamp(2rem,4vw,3.4rem) !important; font-weight: 800 !important; letter-spacing: .02em !important; color: var(--ink) !important; line-height: 1.15 !important; }
.content-head .mbr-section-title::after, .mbr-section-head .mbr-section-title::after { content:'' !important; display:block !important; width:3.5rem !important; height:3px !important; background:var(--primary) !important; border-radius:2px !important; margin:.8rem auto 0 !important; }

/* ── FAQ / list05 ── */
.list05 { padding: 5rem 0 !important; }
.list05 .item.features-without-image { border-radius: var(--radius) !important; padding: 1.4rem 1.8rem !important; margin-bottom: 1rem !important; background: var(--white) !important; box-shadow: var(--shadow-sm) !important; border-left: 4px solid transparent !important; transition: box-shadow var(--transition), border-color var(--transition), transform var(--transition) !important; }
.list05 .item.features-without-image:hover, .list05 .item.features-without-image.active { box-shadow: var(--shadow-md) !important; border-left-color: var(--primary) !important; }
.list05 .item.features-without-image.active { background: var(--primary-lt) !important; }
.list05 .mbr-card-title { font-size: 1.2rem !important; font-weight: 700 !important; color: var(--ink) !important; margin-bottom: .5rem !important; }
.list05 .mbr-text { font-size: 1rem !important; line-height: 1.7 !important; color: var(--ink-soft) !important; margin: 0 !important; }

/* ── About / article15 ── */
.article15 { padding: 4rem 0 !important; background: linear-gradient(135deg, var(--cream) 0%, #fff9f2 100%) !important; border-top: 1px solid rgba(26,17,8,.06) !important; border-bottom: 1px solid rgba(26,17,8,.06) !important; }
.article15 .mbr-section-subtitle { font-size: clamp(1.2rem,2.5vw,1.6rem) !important; font-weight: 700 !important; color: var(--ink) !important; line-height: 1.4 !important; border-left: 4px solid var(--accent) !important; padding-left: 1.2rem !important; }
.article15 .mbr-text { font-size: 1.05rem !important; line-height: 1.8 !important; color: var(--ink-soft) !important; margin-bottom: 1rem !important; padding-left: 1.2rem !important; border-left: 2px solid var(--cream-dark) !important; }

/* ── Ticker / gallery10 ── */
.gallery10 { padding: 2rem 0 !important; background: var(--primary) !important; overflow: hidden !important; border-top: 3px solid var(--primary-dk) !important; border-bottom: 3px solid var(--primary-dk) !important; }
.gallery10 .item.display-1 { font-size: clamp(1.4rem,3vw,2rem) !important; font-weight: 800 !important; letter-spacing: .08em !important; color: #ffffff !important; text-transform: uppercase !important; white-space: nowrap !important; }

/* ── Service card button fix ── */
.features03 .item-footer .btn {
  padding: .5rem 1.2rem !important;
  font-size: .85rem !important;
  white-space: nowrap !important;
  border-radius: 2rem !important;
}
.features03 .item.features-image { min-width: 0 !important; }
.features03 .item-footer { padding: .8rem 1.2rem 1.2rem !important; }

.features03 { padding: 5rem 0 !important; }
.features03 .item-wrapper { background: var(--white) !important; border-radius: var(--radius) !important; overflow: hidden !important; box-shadow: var(--shadow-sm) !important; transition: box-shadow var(--transition), transform var(--transition) !important; height: 100% !important; display: flex !important; flex-direction: column !important; }
.features03 .item-wrapper:hover { box-shadow: var(--shadow-lg) !important; transform: translateY(-6px) !important; }
.features03 .item-img { overflow: hidden !important; aspect-ratio: 16/10 !important; }
.features03 .item-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .5s ease !important; }
.features03 .item-wrapper:hover .item-img img { transform: scale(1.06) !important; }
.features03 .item-content { padding: 1.4rem 1.4rem .6rem !important; flex: 1 !important; display: flex !important; flex-direction: column !important; }
.features03 .item-title { font-size: 1.1rem !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--ink) !important; margin-bottom: .4rem !important; }
.features03 .item-footer { padding: .8rem 1.4rem 1.2rem !important; }

/* ── Testimonials / people05 ── */
.people05 { padding: 5rem 0 !important; background: linear-gradient(180deg, #fff9f0 0%, var(--cream) 100%) !important; }
.people05 .item-wrapper { background: var(--white) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow-sm) !important; transition: box-shadow var(--transition), transform var(--transition) !important; height: 100% !important; }
.people05 .item-wrapper:hover { box-shadow: var(--shadow-md) !important; transform: translateY(-4px) !important; }
.people05 .card-box { padding: 1.8rem !important; display: flex !important; flex-direction: column !important; height: 100% !important; }
.people05 .card-box::before { content: '\201C' !important; font-size: 4rem !important; line-height: 1 !important; color: var(--primary) !important; opacity: .3 !important; font-family: Georgia, serif !important; margin-bottom: .5rem !important; display: block !important; }
.people05 .card-text { font-size: .98rem !important; line-height: 1.75 !important; color: var(--ink-soft) !important; font-style: italic !important; flex: 1 !important; }
.people05 .img-wrapper img { width: 56px !important; height: 56px !important; object-fit: cover !important; border-radius: 50% !important; border: 3px solid var(--primary-lt) !important; }
.people05 .card-title { font-size: 1rem !important; font-weight: 700 !important; color: var(--ink) !important; margin-top: .5rem !important; margin-bottom: 0 !important; }

/* ── Contact form / form5 ── */
.form5 { padding: 5rem 0 !important; }
.form-control { background: var(--white) !important; border: 1.5px solid rgba(26,17,8,.15) !important; border-radius: var(--radius-sm) !important; padding: .85rem 1.1rem !important; font-size: 1rem !important; color: var(--ink) !important; transition: border-color var(--transition), box-shadow var(--transition) !important; }
.form-control:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(0,150,199,.15) !important; outline: none !important; }
.form-control::placeholder { color: rgba(61,47,31,.45) !important; }
textarea.form-control { min-height: 130px !important; resize: vertical !important; }
.form5 .mbr-form { background: var(--white) !important; border-radius: calc(var(--radius) * 1.5) !important; padding: 2.5rem !important; box-shadow: var(--shadow-md) !important; }
.alert-success { background: #e8f8f0 !important; border-color: #20ac6b !important; color: #145a38 !important; border-radius: var(--radius-sm) !important; font-weight: 600 !important; }
.alert-danger { background: #fdf0f0 !important; border-color: #ae1e2c !important; color: #7a1520 !important; border-radius: var(--radius-sm) !important; font-weight: 600 !important; }
.alert { display: none; }
.alert.show { display: block; }

/* ── Contacts ── */
.contacts03 { padding: 4rem 0 5rem !important; }
.contacts03 .mbr-section-subtitle a { color: var(--primary) !important; font-weight: 600 !important; transition: color var(--transition) !important; }
.contacts03 .mbr-section-subtitle a:hover { color: var(--primary-dk) !important; }
.contacts03 .google-map iframe { border-radius: var(--radius) !important; box-shadow: var(--shadow-md) !important; width: 100% !important; }

/* ── Footer ── */
.footer2 { background: var(--ink) !important; padding: 2rem 0 !important; border-top: 3px solid var(--primary) !important; }
.footer2 .copyright { color: rgba(255,255,255,.55) !important; font-size: .9rem !important; }
.footer2 .row-links-soc { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: .3rem !important; }
.footer2 .row-links-soc-item a { color: rgba(255,255,255,.6) !important; font-size: .9rem !important; font-weight: 500 !important; padding: .3rem .8rem !important; border-radius: 2rem !important; transition: color var(--transition), background var(--transition) !important; }
.footer2 .row-links-soc-item a:hover { color: #fff !important; background: rgba(255,255,255,.1) !important; }

/* Hide Mobirise watermark */
section.display-7:last-of-type { display: none !important; }
#top-1 { display: none !important; }

/* ── Animations ── */
@keyframes fadeInUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
.item-wrapper { animation: fadeInUp .5s ease both !important; }
.features03 .item:nth-child(1) .item-wrapper { animation-delay: .05s !important; }
.features03 .item:nth-child(2) .item-wrapper { animation-delay: .15s !important; }
.features03 .item:nth-child(3) .item-wrapper { animation-delay: .25s !important; }
.features03 .item:nth-child(4) .item-wrapper { animation-delay: .35s !important; }
.people05 .item:nth-child(1) .item-wrapper { animation-delay: .05s !important; }
.people05 .item:nth-child(2) .item-wrapper { animation-delay: .18s !important; }
.people05 .item:nth-child(3) .item-wrapper { animation-delay: .31s !important; }

/* ── Mobile ── */
@media (max-width: 991px) {
  .menu .navbar { background: rgba(255,245,230,.97) !important; }
  .navbar-collapse { background: rgba(255,245,230,.97) !important; border-radius: 0 0 var(--radius) var(--radius) !important; padding: 1rem !important; box-shadow: var(--shadow-md) !important; }
  .nav-link::after { display: none !important; }
  .header18 .content-wrap { padding: 7rem 1rem 3rem !important; }
  .form5 .mbr-form { padding: 1.5rem 1rem !important; }
  .footer2 .row-links-soc { justify-content: center !important; margin-top: .5rem !important; }
}
@media (max-width: 768px) {
  .features03 .item-wrapper:hover, .people05 .item-wrapper:hover { transform: none !important; }
  .contacts03 .google-map iframe { height: 250px !important; }
}