/* VINKO WEB GLOBAL BRAND PALETTE v1.0.0
   Locked colors:
   Blue  #0818A8
   Amber #FFBF00
*/
:root{
  --vinko-blue:#0818A8 !important;
  --vinko-blue-dark:#06127F !important;
  --vinko-blue-soft:#EEF1FF !important;
  --vinko-amber:#FFBF00 !important;
  --vinko-amber-soft:#FFF6D6 !important;
  --vinko-ink:#111936 !important;
  --vinko-muted:#667085 !important;
  --vinko-line:#DDE3F0 !important;
  --vinko-white:#FFFFFF !important;
}

/* Global brand consistency */
a{accent-color:var(--vinko-blue)}
.btn-primary,
button.btn-primary,
a.btn-primary,
.vw-btn-primary,
.primary-btn,
.button-primary,
[class*="btn-primary"]{
  background:var(--vinko-amber) !important;
  border-color:var(--vinko-amber) !important;
  color:var(--vinko-ink) !important;
  font-weight:800 !important;
}
.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.vw-btn-primary:hover,
.primary-btn:hover,
.button-primary:hover{
  background:#EFB300 !important;
  border-color:#EFB300 !important;
  color:var(--vinko-ink) !important;
}
.btn-outline-primary,
a.btn-outline-primary,
button.btn-outline-primary,
[class*="outline-primary"]{
  color:var(--vinko-blue) !important;
  border-color:var(--vinko-blue) !important;
  background:#fff !important;
}
.btn-outline-primary:hover,
a.btn-outline-primary:hover,
button.btn-outline-primary:hover{
  color:#fff !important;
  background:var(--vinko-blue) !important;
}
.text-primary,.link-primary,[class*="text-primary"]{color:var(--vinko-blue) !important}
.bg-primary,[class*="bg-primary"]{background-color:var(--vinko-blue) !important}
.border-primary,[class*="border-primary"]{border-color:var(--vinko-blue) !important}
.badge-primary,.badge.bg-primary{background:var(--vinko-blue) !important;color:#fff !important}
.badge-warning,.badge.bg-warning{background:var(--vinko-amber) !important;color:var(--vinko-ink) !important}

/* Stronger frontend action cards/buttons */
.vinko-solid-action,
a.vinko-solid-action,
button.vinko-solid-action{
  display:flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 18px;border-radius:12px;
  background:var(--vinko-amber);border:2px solid var(--vinko-amber);
  color:var(--vinko-ink);font-weight:900;text-transform:uppercase;
  box-shadow:0 8px 18px rgba(8,24,168,.12);
}

/* INDIVIDUAL SERVICE DETAIL PAGES */
body.vinko-service-detail{
  background:#F7F8FC !important;
  color:var(--vinko-ink) !important;
}
body.vinko-service-detail h1,
body.vinko-service-detail h2,
body.vinko-service-detail h3,
body.vinko-service-detail h4{
  color:var(--vinko-ink);
}

/* Hero / top service panel */
body.vinko-service-detail main > section:first-of-type,
body.vinko-service-detail .service-hero,
body.vinko-service-detail .service-detail-hero,
body.vinko-service-detail [class*="service-hero"],
body.vinko-service-detail [class*="detail-hero"]{
  background:var(--vinko-blue) !important;
  color:#fff !important;
  border-color:var(--vinko-blue) !important;
}
body.vinko-service-detail main > section:first-of-type h1,
body.vinko-service-detail main > section:first-of-type h2,
body.vinko-service-detail main > section:first-of-type p,
body.vinko-service-detail .service-hero h1,
body.vinko-service-detail .service-hero h2,
body.vinko-service-detail .service-hero p,
body.vinko-service-detail [class*="service-hero"] h1,
body.vinko-service-detail [class*="service-hero"] p{
  color:#fff !important;
}

/* Badges become solid, not washed-out */
body.vinko-service-detail .badge,
body.vinko-service-detail [class*="badge"],
body.vinko-service-detail .tag,
body.vinko-service-detail [class*="tag"]{
  border-radius:999px !important;
  font-weight:900 !important;
  letter-spacing:.02em;
}
body.vinko-service-detail .badge:first-of-type,
body.vinko-service-detail [class*="badge"]:first-of-type{
  background:var(--vinko-amber) !important;
  color:var(--vinko-ink) !important;
  border-color:var(--vinko-amber) !important;
}

/* Price should be an obvious brand focal point */
body.vinko-service-detail .price,
body.vinko-service-detail [class*="price"],
body.vinko-service-detail .service-price{
  color:var(--vinko-amber) !important;
  font-weight:950 !important;
}

/* Main cards: stronger border, solid header rhythm */
body.vinko-service-detail main .card,
body.vinko-service-detail .service-card,
body.vinko-service-detail .package-card,
body.vinko-service-detail .pricing-card,
body.vinko-service-detail .service-package,
body.vinko-service-detail [class*="package-card"],
body.vinko-service-detail [class*="pricing-card"]{
  background:#fff !important;
  border:2px solid var(--vinko-blue) !important;
  border-radius:16px !important;
  box-shadow:0 10px 25px rgba(8,24,168,.08) !important;
}

/* Inner info/list cards */
body.vinko-service-detail .what-you-get,
body.vinko-service-detail [class*="what-you-get"],
body.vinko-service-detail .feature-list,
body.vinko-service-detail [class*="feature-list"],
body.vinko-service-detail .service-features{
  background:var(--vinko-blue-soft) !important;
  border:1px solid #C7CEFF !important;
  border-radius:13px !important;
}
body.vinko-service-detail .what-you-get h3,
body.vinko-service-detail [class*="what-you-get"] h3,
body.vinko-service-detail .feature-list h3,
body.vinko-service-detail [class*="feature-list"] h3{
  color:var(--vinko-blue) !important;
}

/* Service detail primary and secondary action buttons */
body.vinko-service-detail a.btn,
body.vinko-service-detail button.btn,
body.vinko-service-detail .button,
body.vinko-service-detail [class*="order-btn"],
body.vinko-service-detail [class*="pay-btn"]{
  border-radius:11px !important;
  font-weight:900 !important;
}
body.vinko-service-detail a.btn-primary,
body.vinko-service-detail button.btn-primary,
body.vinko-service-detail [class*="order-btn"]{
  background:var(--vinko-amber) !important;
  color:var(--vinko-ink) !important;
  border-color:var(--vinko-amber) !important;
}
body.vinko-service-detail .btn-secondary,
body.vinko-service-detail .btn-dark,
body.vinko-service-detail [class*="secondary-btn"]{
  background:var(--vinko-blue) !important;
  color:#fff !important;
  border-color:var(--vinko-blue) !important;
}

/* Coupon/promo treatment */
body.vinko-service-detail input,
body.vinko-service-detail select,
body.vinko-service-detail textarea{
  border:1.5px solid #BBC4D8 !important;
  border-radius:10px !important;
}
body.vinko-service-detail input:focus,
body.vinko-service-detail select:focus,
body.vinko-service-detail textarea:focus{
  border-color:var(--vinko-blue) !important;
  box-shadow:0 0 0 3px rgba(8,24,168,.10) !important;
  outline:none !important;
}

/* Section separators and icons */
body.vinko-service-detail hr{border-color:#D8DFF0 !important}
body.vinko-service-detail .icon,
body.vinko-service-detail [class*="icon-box"],
body.vinko-service-detail [class*="service-icon"]{
  background:var(--vinko-amber-soft) !important;
  color:var(--vinko-blue) !important;
  border-color:var(--vinko-amber) !important;
}

/* Generic frontend cards: slightly firmer without overpainting content */
body:not(.vinko-service-detail) .service-card,
body:not(.vinko-service-detail) .course-card,
body:not(.vinko-service-detail) .portfolio-card,
body:not(.vinko-service-detail) .product-card{
  border:1.5px solid #D7DEF0 !important;
  box-shadow:0 7px 22px rgba(8,24,168,.06) !important;
}

/* Header/footer brand solidity */
header .active,
nav .active{color:var(--vinko-blue) !important}
footer{--primary:var(--vinko-blue)}

/* Mobile: keep cards clean, touch-friendly */
@media(max-width:767px){
 body.vinko-service-detail main .card,
 body.vinko-service-detail .service-card,
 body.vinko-service-detail .package-card,
 body.vinko-service-detail .pricing-card{
   border-width:1.5px !important;
   border-radius:14px !important;
 }
 body.vinko-service-detail a.btn,
 body.vinko-service-detail button.btn,
 body.vinko-service-detail .button{
   min-height:44px !important;
 }
}