@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ==========================================================
   SkilDesk — Global Burgundy / Gold Theme
   Replace: /assets/css/skildesk-theme.css
   Load AFTER your existing style.css
   ========================================================== */

:root{
  --sd-wine:#6b0a34;
  --sd-wine-2:#570829;
  --sd-wine-3:#3d061d;
  --sd-wine-dark:#260311;
  --sd-ink:#161117;
  --sd-gold:#f0cf69;
  --sd-gold-2:#f5d979;
  --sd-cream:#fff7df;
  --sd-blush:#fff5f8;
  --sd-blush-2:#fbe9f0;
  --sd-paper:#ffffff;
  --sd-page:#f7f7f8;
  --sd-line:#e9e1e5;
  --sd-muted:#6f6670;
  --sd-shadow:0 10px 30px rgba(55,18,34,.07);

  /* replace legacy variables used by current homepage */
  --g:var(--sd-wine) !important;
  --gd:var(--sd-wine-2) !important;
  --gs:var(--sd-blush-2) !important;
  --ink:var(--sd-ink) !important;
  --mut:var(--sd-muted) !important;
  --line:var(--sd-line) !important;
}

/* Upwork-like clean typography */
html,body,button,input,select,textarea{
  font-family:"Inter","Neue Montreal","Helvetica Neue",Arial,sans-serif !important;
}
body{
  color:var(--sd-ink) !important;
  background:var(--sd-page) !important;
  font-size:15px;
}
h1,h2,h3,h4,h5,h6{
  font-family:"Inter","Neue Montreal","Helvetica Neue",Arial,sans-serif !important;
  color:var(--sd-ink);
  font-weight:700;
  letter-spacing:-.035em;
}
a{color:var(--sd-wine);}
a:hover{color:var(--sd-wine-2);}

/* ==========================================================
   HEADER — full Ylancer-like wine bar
   ========================================================== */
.header,
.site-header,
.main-header,
header.header,
body > header{
  background:linear-gradient(90deg,#570829 0%,#6b0a34 52%,#570829 100%) !important;
  border:0 !important;
  border-bottom:1px solid rgba(240,207,105,.28) !important;
  box-shadow:0 4px 16px rgba(61,6,29,.12) !important;
}
.header .nav{
  min-height:66px !important;
}
.header .brand,
.header .brand.brand-text-only,
.header .brand span,
.header .navlinks a{
  color:#fff !important;
}
.header .brand,
.header .brand.brand-text-only{
  font-weight:800 !important;
  letter-spacing:-1px !important;
}
.header .navlinks a{
  font-weight:600 !important;
  opacity:.96;
}
.header .navlinks a:hover{
  color:var(--sd-gold) !important;
}
.header .actions .btn.outline,
.header .actions .btn:not(.primary){
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.8) !important;
}
.header .actions .btn.outline:hover{
  background:rgba(255,255,255,.1) !important;
}
.header .actions .btn.primary{
  background:var(--sd-gold) !important;
  color:#3d061d !important;
  border-color:var(--sd-gold) !important;
  box-shadow:none !important;
}
.header .actions .btn.primary:hover{
  background:var(--sd-gold-2) !important;
  border-color:var(--sd-gold-2) !important;
}

/* ==========================================================
   HOMEPAGE HERO
   ========================================================== */
body:has(.sd-home-hero) .sd-home-hero{
  background:#1b1117 !important;
  padding:30px 0 22px !important;
}
body:has(.sd-home-hero) .sd-hero-card{
  background:
    radial-gradient(circle at 82% 38%,rgba(173,11,70,.42),transparent 32%),
    linear-gradient(115deg,#191116 0%,#28131d 56%,#64132f 100%) !important;
  border:1px solid rgba(242,215,137,.18) !important;
  box-shadow:0 18px 60px rgba(46,8,24,.25) !important;
  color:#fff !important;
}
body:has(.sd-home-hero) .sd-kicker{
  color:var(--sd-gold) !important;
  font-weight:700 !important;
  letter-spacing:.02em;
}
body:has(.sd-home-hero) .sd-home-hero h1{
  color:#fff !important;
  font-weight:700 !important;
}
body:has(.sd-home-hero) .sd-home-hero h1 em{
  color:var(--sd-gold) !important;
  font-style:normal !important;
}
body:has(.sd-home-hero) .sd-home-hero p{
  color:rgba(255,255,255,.78) !important;
}
body:has(.sd-home-hero) .sd-search-panel{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:0 8px 24px rgba(18,7,12,.15) !important;
}
body:has(.sd-home-hero) .sd-search-panel input{
  background:#fff !important;
  color:var(--sd-ink) !important;
}
body:has(.sd-home-hero) .sd-search-panel .btn.primary{
  background:var(--sd-wine) !important;
  border-color:var(--sd-wine) !important;
  color:#fff !important;
}
body:has(.sd-home-hero) .sd-search-panel .btn.primary:hover{
  background:var(--sd-wine-2) !important;
}
body:has(.sd-home-hero) .sd-popular > span{
  color:#fff !important;
}
body:has(.sd-home-hero) .sd-popular a{
  color:var(--sd-gold) !important;
  border-color:rgba(242,215,137,.35) !important;
  background:rgba(242,215,137,.08) !important;
}
body:has(.sd-home-hero) .sd-popular a:hover{
  background:var(--sd-gold) !important;
  color:#4b3910 !important;
}

/* hero illustration recolor */
body:has(.sd-home-hero) .sd-orb{
  background:linear-gradient(135deg,#dc275e,#7e082d) !important;
}
body:has(.sd-home-hero) .sd-laptop-screen{
  background:linear-gradient(145deg,#170e14,#4a1026) !important;
  border-color:rgba(242,215,137,.45) !important;
}
body:has(.sd-home-hero) .sd-laptop-screen .s{
  color:var(--sd-gold) !important;
}
body:has(.sd-home-hero) .sd-laptop-screen strong{
  color:#fff !important;
}
body:has(.sd-home-hero) .sd-float{
  background:#fff !important;
  color:var(--sd-ink) !important;
  border:1px solid rgba(242,215,137,.72) !important;
  box-shadow:0 10px 26px rgba(20,6,12,.18) !important;
}

/* trust strip below hero */
body:has(.sd-home-hero) .sd-logo-strip{
  background:var(--sd-cream) !important;
  border-color:#eadcae !important;
}
body:has(.sd-home-hero) .sd-logo-row,
body:has(.sd-home-hero) .sd-logo-row span{
  color:#6c571b !important;
}

/* ==========================================================
   SECTION SYSTEM — remove remaining green
   ========================================================== */
body:has(.sd-home-hero) .long-section{
  background:#fff !important;
}
body:has(.sd-home-hero) .long-section.long-soft{
  background:#faf7f8 !important;
}
body:has(.sd-home-hero) .long-title,
body:has(.sd-home-hero) .sd-heading h2,
body:has(.sd-home-hero) .sd-service-title h2{
  color:var(--sd-ink) !important;
  font-weight:700 !important;
}
body:has(.sd-home-hero) .long-sub,
body:has(.sd-home-hero) .sd-heading p,
body:has(.sd-home-hero) .muted{
  color:var(--sd-muted) !important;
}
body:has(.sd-home-hero) .sd-heading > a,
body:has(.sd-home-hero) .sd-service-title > a{
  color:var(--sd-wine) !important;
}

/* Popular searches */
body:has(.sd-home-hero) .sd-search-idea{
  background:#fff !important;
  color:var(--sd-ink) !important;
  border:1px solid var(--sd-line) !important;
  box-shadow:0 4px 18px rgba(45,17,30,.035) !important;
}
body:has(.sd-home-hero) .sd-search-idea:hover{
  border-color:#d7a7b9 !important;
  background:var(--sd-blush) !important;
  color:var(--sd-wine) !important;
}
body:has(.sd-home-hero) .sd-search-idea-icon,
body:has(.sd-home-hero) .sd-search-idea-arrow{
  background:var(--sd-blush-2) !important;
  color:var(--sd-wine) !important;
  border-color:#edc7d6 !important;
}
body:has(.sd-home-hero) .sd-search-idea:hover .sd-search-idea-arrow{
  background:var(--sd-wine) !important;
  border-color:var(--sd-wine) !important;
  color:#fff !important;
}

/* Explore category */
body:has(.sd-home-hero) .sd-cat{
  background:#fff !important;
  color:var(--sd-ink) !important;
  border:1px solid var(--sd-line) !important;
  box-shadow:0 5px 18px rgba(45,17,30,.035) !important;
}
body:has(.sd-home-hero) .sd-cat:hover{
  border-color:#d9a9bb !important;
  box-shadow:var(--sd-shadow) !important;
}
body:has(.sd-home-hero) .sd-cat .ci{
  background:var(--sd-blush-2) !important;
  color:var(--sd-wine) !important;
}
body:has(.sd-home-hero) .sd-cat h3{
  color:var(--sd-ink) !important;
}
body:has(.sd-home-hero) .sd-cat p{
  color:var(--sd-muted) !important;
}

/* Stats */
body:has(.sd-home-hero) .stat-card{
  background:linear-gradient(180deg,#fff,#fff9fb) !important;
  border:1px solid #eddde4 !important;
}
body:has(.sd-home-hero) .stat-num{
  color:var(--sd-wine) !important;
}

/* Outcome cards — make them intentionally burgundy, not green */
body:has(.sd-home-hero) .collection{
  border:1px solid rgba(242,215,137,.18) !important;
  color:#fff !important;
  box-shadow:0 10px 26px rgba(59,9,29,.09) !important;
}
body:has(.sd-home-hero) .collection:nth-child(1),
body:has(.sd-home-hero) .collection:nth-child(4){
  background:linear-gradient(145deg,#3b0c20,#741039) !important;
}
body:has(.sd-home-hero) .collection:nth-child(2),
body:has(.sd-home-hero) .collection:nth-child(5){
  background:linear-gradient(145deg,#4b1028,#941047) !important;
}
body:has(.sd-home-hero) .collection:nth-child(3),
body:has(.sd-home-hero) .collection:nth-child(6){
  background:linear-gradient(145deg,#281018,#630b2d) !important;
}
body:has(.sd-home-hero) .collection h3{
  color:#fff !important;
}
body:has(.sd-home-hero) .collection p{
  color:rgba(255,255,255,.74) !important;
}
body:has(.sd-home-hero) .collection a{
  color:var(--sd-gold) !important;
}

/* Ready-to-order services */
body:has(.sd-home-hero) .service.card{
  border-color:var(--sd-line) !important;
  box-shadow:0 5px 18px rgba(45,17,30,.04) !important;
}
body:has(.sd-home-hero) .service .thumb{
  background:var(--sd-blush-2) !important;
}
body:has(.sd-home-hero) .service .thumb .art{
  background:linear-gradient(135deg,#2c101c,#721038) !important;
  color:var(--sd-gold) !important;
}
body:has(.sd-home-hero) .service .badge,
body:has(.sd-home-hero) .badge{
  background:var(--sd-blush-2) !important;
  color:var(--sd-wine) !important;
}
body:has(.sd-home-hero) .service .price,
body:has(.sd-home-hero) .price{
  color:var(--sd-wine) !important;
}
body:has(.sd-home-hero) .service .btn.soft{
  background:var(--sd-cream) !important;
  color:#5d4813 !important;
  border-color:#ead79c !important;
}
body:has(.sd-home-hero) .rating b{
  color:#a87000 !important;
}

/* Trending */
body:has(.sd-home-hero) .trending-item{
  background:var(--sd-blush) !important;
  color:var(--sd-wine) !important;
  border-color:#efd9e2 !important;
}
body:has(.sd-home-hero) .trending-item:hover{
  background:var(--sd-wine) !important;
  color:#fff !important;
}

/* Why SkilDesk */
body:has(.sd-home-hero) .why-panel{
  border:1px solid var(--sd-line) !important;
  background:#fff !important;
}
body:has(.sd-home-hero) .why-panel.dark{
  background:linear-gradient(145deg,#251018,#67102f) !important;
  border-color:#5d1730 !important;
  color:#fff !important;
}
body:has(.sd-home-hero) .why-panel.dark h3,
body:has(.sd-home-hero) .why-panel.dark h4{
  color:#fff !important;
}
body:has(.sd-home-hero) .why-panel.dark p{
  color:rgba(255,255,255,.74) !important;
}
body:has(.sd-home-hero) .feature-icon{
  background:var(--sd-blush-2) !important;
  color:var(--sd-wine) !important;
}
body:has(.sd-home-hero) .why-panel.dark .feature-icon{
  background:var(--sd-gold) !important;
  color:#563f0c !important;
}

/* How it works */
body:has(.sd-home-hero) .process-card{
  background:#fff !important;
  border-color:var(--sd-line) !important;
}
body:has(.sd-home-hero) .process-no{
  background:var(--sd-wine) !important;
  color:#fff !important;
}

/* Payment protection */
body:has(.sd-home-hero) .protect-box{
  background:linear-gradient(135deg,var(--sd-cream),#fff2f6) !important;
  border:1px solid #ead6b0 !important;
}
body:has(.sd-home-hero) .protect-step{
  background:#fff !important;
  border-color:#ead9df !important;
  color:var(--sd-ink) !important;
}
body:has(.sd-home-hero) .protect-box .btn.primary{
  background:var(--sd-wine) !important;
  color:#fff !important;
  border-color:var(--sd-wine) !important;
}

/* Built for businesses */
body:has(.sd-home-hero) .long-section.long-dark{
  background:linear-gradient(120deg,#261018,#591029) !important;
  color:#fff !important;
}
body:has(.sd-home-hero) .long-dark .long-title{
  color:#fff !important;
}
body:has(.sd-home-hero) .long-dark .long-sub{
  color:rgba(255,255,255,.72) !important;
}
body:has(.sd-home-hero) .long-dark .card{
  background:#fff9ec !important;
  border-color:#ead8a6 !important;
}
body:has(.sd-home-hero) .long-dark .card h3{
  color:#3f3210 !important;
}
body:has(.sd-home-hero) .long-dark .card .muted{
  color:#716548 !important;
}

/* Testimonials */
body:has(.sd-home-hero) .quote{
  border-color:var(--sd-line) !important;
  background:#fff !important;
}
body:has(.sd-home-hero) .stars{
  color:#c28b10 !important;
}

/* FAQ */
body:has(.sd-home-hero) .faq-row{
  background:#fff !important;
  border-color:var(--sd-line) !important;
}
body:has(.sd-home-hero) .faq-row h3::after,
body:has(.sd-home-hero) .faq-row .faq-icon{
  color:var(--sd-wine) !important;
}

/* Final CTA */
body:has(.sd-home-hero) .request-banner,
body:has(.sd-home-hero) .sd-cta{
  background:linear-gradient(105deg,var(--sd-gold),#f7e5a9) !important;
  border:1px solid #e4c96f !important;
  color:#3a2c08 !important;
}
body:has(.sd-home-hero) .request-banner h2,
body:has(.sd-home-hero) .sd-cta h2{
  color:#3a2c08 !important;
}
body:has(.sd-home-hero) .request-banner p,
body:has(.sd-home-hero) .sd-cta p{
  color:#6c571a !important;
}
body:has(.sd-home-hero) .request-banner .btn,
body:has(.sd-home-hero) .sd-cta .btn{
  background:var(--sd-wine) !important;
  color:#fff !important;
  border-color:var(--sd-wine) !important;
}

/* ==========================================================
   GLOBAL COMPONENTS used on Client / Freelancer pages
   ========================================================== */
.btn.primary,.btn-primary,.primary-btn,button.primary,
button[type="submit"],input[type="submit"]{
  background:var(--sd-wine) !important;
  border-color:var(--sd-wine) !important;
  color:#fff !important;
}
.btn.primary:hover,.btn-primary:hover,.primary-btn:hover,
button.primary:hover,button[type="submit"]:hover,input[type="submit"]:hover{
  background:var(--sd-wine-2) !important;
  border-color:var(--sd-wine-2) !important;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--sd-wine) !important;
  box-shadow:0 0 0 3px rgba(170,11,69,.10) !important;
  outline:none !important;
}
input[type="checkbox"],input[type="radio"]{
  accent-color:var(--sd-wine);
}
.sidebar a.active,.settings-nav a.active,.dashboard-nav a.active,
.account-nav a.active,.tab.active,.tabs a.active{
  background:var(--sd-blush-2) !important;
  color:var(--sd-wine) !important;
  border-color:var(--sd-wine) !important;
}
.message.sent,.chat-message.sent,.message-bubble.me,.bubble.outgoing{
  background:var(--sd-wine) !important;
  color:#fff !important;
}

/* Footer */
footer,.footer,.site-footer,.main-footer{
  background:#171117 !important;
  color:#d6cdd2 !important;
}
footer a,.footer a,.site-footer a{
  color:#eee6ea !important;
}
footer a:hover,.footer a:hover,.site-footer a:hover{
  color:var(--sd-gold) !important;
}

/* responsive */
@media(max-width:900px){
  .header .navlinks{background:var(--sd-wine-2) !important;}
}