/*
Theme Name: PawWell Child
Theme URI: https://pawwell.example
Description: 北欧极简风（Scandinavian minimalist）宠物用品子主题，基于 Storefront。品牌色鼠尾草绿 #7C9885，大量留白，圆润无衬线，主打天然宠物护理（Natural Pet Care）。
Author: PawWell
Author URI: https://pawwell.example
Template: storefront
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pawwell-child
*/

/* ===================== 品牌设计 token ===================== */
:root{
  --pw-sage:        #7C9885; /* 主色：鼠尾草绿 */
  --pw-sage-dark:   #5f7a68;
  --pw-sage-soft:   #e8efe9;
  --pw-charcoal:    #3a3a38; /* 暖炭灰文字 */
  --pw-cream:       #f7f5ef; /* 米白背景 */
  --pw-sand:        #efe9dd;
  --pw-accent:      #e0a96d; /* 暖陶土点缀 */
  --pw-radius:      14px;
  --pw-radius-sm:   8px;
  --pw-shadow:      0 6px 24px rgba(58,58,56,.08);
}

/* ===================== 基础排版 ===================== */
body{
  background:var(--pw-cream);
  color:var(--pw-charcoal);
  font-family:"Nunito Sans","Segoe UI",-apple-system,"Helvetica Neue",Arial,sans-serif;
  line-height:1.7;
}
h1,h2,h3,h4,.site-title{
  font-family:"Poppins","Nunito Sans",-apple-system,"Segoe UI",sans-serif;
  color:var(--pw-charcoal);
  font-weight:700;
  letter-spacing:-.01em;
}
a{ color:var(--pw-sage-dark); transition:color .15s ease; }
a:hover{ color:var(--pw-sage); }

/* ===================== 头部 / 导航 ===================== */
.site-header{
  background:var(--pw-cream);
  border-bottom:1px solid var(--pw-sand);
  box-shadow:none;
}
.site-header .site-title a,
.main-navigation ul li a{ color:var(--pw-charcoal); }
.main-navigation ul li a:hover{ color:var(--pw-sage); }

/* ===================== 按钮 ===================== */
button, .button, input[type="button"], input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce .added_to_cart{
  background:var(--pw-sage);
  color:#fff;
  border:0;
  border-radius:var(--pw-radius);
  padding:.7em 1.5em;
  font-weight:700;
  letter-spacing:.01em;
  transition:background .15s ease, transform .05s ease;
}
button:hover, .button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce button.button.alt:hover{
  background:var(--pw-sage-dark);
}
button:active, .button:active{ transform:translateY(1px); }

.woocommerce button.button.alt,
.woocommerce a.button.alt{
  background:var(--pw-charcoal);
}
.woocommerce button.button.alt:hover{ background:#000; }

/* 次级（描边）按钮 */
.pw-btn-ghost{
  background:transparent !important;
  color:var(--pw-sage-dark) !important;
  border:2px solid var(--pw-sage) !important;
}

/* ===================== 价格 / 星级 ===================== */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price{
  color:var(--pw-sage-dark);
  font-weight:700;
}
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before{ color:var(--pw-accent); }

/* ===================== 产品卡 ===================== */
.woocommerce ul.products li.product{
  background:#fff;
  border-radius:var(--pw-radius);
  box-shadow:var(--pw-shadow);
  padding:14px;
  transition:transform .12s ease, box-shadow .12s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(58,58,56,.12);
}
.woocommerce ul.products li.product img{ border-radius:var(--pw-radius-sm); }

/* ===================== 表单输入 ===================== */
input[type="text"], input[type="email"], input[type="search"],
input[type="number"], select, textarea, .select2-container .select2-selection{
  border:1px solid var(--pw-sand);
  border-radius:var(--pw-radius-sm);
  background:#fff;
}
input:focus, select:focus, textarea:focus{
  outline:2px solid var(--pw-sage-soft);
  border-color:var(--pw-sage);
}

/* ===================== 页脚 ===================== */
.site-footer{
  background:var(--pw-charcoal);
  color:#e9e7e1;
}
.site-footer a{ color:#cdd8cf; }
.site-footer a:hover{ color:#fff; }

/* ===================== 通用容器留白（北欧极简） ===================== */
.col-full{ max-width:1180px; }
.storefront-product-section{ margin-bottom:3.5em; }

/* ===================== 移动端 ===================== */
@media (max-width:768px){
  .button, .woocommerce a.button, .woocommerce button.button{
    width:100%;
    text-align:center;
  }
}