/*
Theme Name: Skinthic Nepal (Astra Child)
Theme URI: https://skinthicnepal.com/
Description: Premium gold & alabaster child theme for Skinthic Nepal. Applies the brand colors, Playfair Display + Inter typography, pill buttons and soft cards on top of the Astra parent theme. Build page layouts with Elementor; this theme handles the look.
Author: Skinthic Nepal
Template: astra
Version: 1.0.0
*/

/* =========================================================
   SKINTHIC NEPAL — BRAND TOKENS
   These variables define the whole premium look.
   ========================================================= */
:root{
  --sn-gold:#B8923D;        /* primary brand gold */
  --sn-gold-hover:#9C7A30;  /* darker gold on hover */
  --sn-gold-deep:#7D6126;   /* links */
  --sn-gold-wash:#FBF6EA;   /* pale gold background */
  --sn-gold-soft:#F3E7C8;

  --sn-ink:#221F1A;         /* headings / near-black */
  --sn-charcoal:#4A443C;    /* body text */
  --sn-muted:#8A8276;       /* small labels */

  --sn-white:#FFFFFF;
  --sn-alabaster:#F7F3EC;   /* warm cream section bg */
  --sn-sunken:#EFE8DA;
  --sn-hairline:#E4DCCB;    /* thin borders */

  --sn-sale:#A8412C;        /* discount price */
  --sn-success:#3F6B4A;     /* in stock */

  --sn-radius-md:10px;
  --sn-radius-lg:16px;
  --sn-radius-pill:999px;
  --sn-shadow-sm:0 1px 3px rgba(45,35,20,.06),0 1px 2px rgba(45,35,20,.08);
  --sn-shadow-md:0 4px 16px rgba(45,35,20,.08);
}

/* ---- Typography ---- */
body,p,li,input,button,select,textarea,.ast-container{
  font-family:"Inter",-apple-system,"Helvetica Neue",Arial,sans-serif;
  color:var(--sn-charcoal);
}
h1,h2,h3,h4,h5,h6,.site-title,.entry-title{
  font-family:"Playfair Display","Cormorant Garamond",Georgia,serif;
  color:var(--sn-ink);
  font-weight:600;
  line-height:1.15;
}
h1{font-size:44px;}
h2{font-size:32px;}
h3{font-size:24px;}
body{font-size:17px;line-height:1.6;}

/* small uppercase eyebrow label helper */
.sn-eyebrow{
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  font-weight:600;color:var(--sn-gold);
}

/* ---- Links ---- */
a{color:var(--sn-gold-deep);text-decoration:none;}
a:hover{color:var(--sn-gold-hover);text-decoration:underline;}

/* ---- Buttons (Astra, WooCommerce, Elementor) ---- */
.ast-button,button,input[type="submit"],
.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,
.woocommerce #respond input#submit,
.elementor-button{
  background-color:var(--sn-gold)!important;
  color:var(--sn-ink)!important;
  border:none!important;
  border-radius:var(--sn-radius-pill)!important;
  font-family:"Inter",sans-serif!important;
  font-weight:600!important;
  letter-spacing:.01em;
  padding:12px 28px!important;
  transition:background-color .18s ease,transform .1s ease;
}
.ast-button:hover,button:hover,input[type="submit"]:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.elementor-button:hover{
  background-color:var(--sn-gold-hover)!important;
  color:var(--sn-ink)!important;
}
.ast-button:active,.elementor-button:active,
.woocommerce a.button:active{transform:scale(.98);}

/* Secondary / outline button helper */
.sn-btn-outline{
  background:transparent!important;
  color:var(--sn-gold-deep)!important;
  border:1px solid var(--sn-gold)!important;
}

/* ---- Cards & surfaces ---- */
.ast-article-post,.woocommerce ul.products li.product,
.wp-block-group.has-background,.sn-card{
  border-radius:var(--sn-radius-lg);
  border:1px solid var(--sn-hairline);
  box-shadow:var(--sn-shadow-sm);
  background:var(--sn-white);
}
.woocommerce ul.products li.product img{border-radius:var(--sn-radius-md);}

/* ---- WooCommerce prices ---- */
.woocommerce div.product p.price,.woocommerce ul.products li.product .price{
  color:var(--sn-ink);font-weight:700;
}
.woocommerce div.product p.price del{color:var(--sn-muted);font-weight:400;}
.woocommerce div.product p.price ins{color:var(--sn-sale);text-decoration:none;}
.woocommerce span.onsale{
  background:var(--sn-sale);color:#fff;border-radius:var(--sn-radius-pill);
}

/* ---- In-stock / status ---- */
.woocommerce div.product .stock{color:var(--sn-success);}

/* ---- Section backgrounds ---- */
.sn-section-alt{background:var(--sn-alabaster);}

/* ---- Focus ring (accessible, on-brand) ---- */
a:focus,button:focus,input:focus,select:focus,textarea:focus{
  outline:2px solid var(--sn-gold);outline-offset:2px;
}

/* ---- Header polish ---- */
.site-header{border-bottom:1px solid var(--sn-hairline);}

/* ---- Footer ---- */
.site-footer,.footer-adv{background:var(--sn-ink);color:#EFE8DA;}
.site-footer a,.footer-adv a{color:#EFE8DA;}
.site-footer a:hover{color:var(--sn-gold);}

/* ---- Responsive type ---- */
@media (max-width:768px){
  h1{font-size:32px;}
  h2{font-size:26px;}
  h3{font-size:20px;}
  body{font-size:16px;}
}