/*
Theme Name: First Aid Medical Store
Theme URI: https://example.com/
Author: OpenAI
Description: A WooCommerce-compatible medical e-commerce theme for first aid kit stores.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: firstaid-medical-store
*/

:root{
  --fams-bg:#f5fbfd;
  --fams-card:#ffffff;
  --fams-text:#14323d;
  --fams-muted:#5f7b86;
  --fams-primary:#0e8aa5;
  --fams-primary-dark:#0a6d83;
  --fams-accent:#e7f6fa;
  --fams-border:#d9e8ef;
  --fams-success:#1d8b55;
  --fams-shadow:0 12px 36px rgba(24,58,71,.09);
  --fams-radius:18px;
  --fams-container:min(1180px, calc(100% - 32px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fams-bg);color:var(--fams-text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:var(--fams-primary);text-decoration:none}
a:hover{color:var(--fams-primary-dark)}
img{max-width:100%;height:auto;display:block}
.site{min-height:100vh;display:flex;flex-direction:column}
.fams-container{width:var(--fams-container);margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--fams-border)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.site-branding a{font-size:1.2rem;font-weight:700;color:var(--fams-text)}
.site-branding small{display:block;color:var(--fams-muted)}
.menu-toggle{display:none;background:var(--fams-accent);border:1px solid var(--fams-border);padding:10px 14px;border-radius:12px}
.primary-menu{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}
.primary-menu a{font-weight:600;color:var(--fams-text)}
.header-actions{display:flex;align-items:center;gap:10px}
.fams-button,.button,.wp-block-button__link,button,input[type=submit],.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--fams-primary)!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:12px 18px!important;box-shadow:none!important}
.fams-button--ghost{background:#fff!important;color:var(--fams-primary)!important;border:1px solid var(--fams-border)!important}
.site-main{flex:1;padding:28px 0 56px}
.page-header,.archive-header,.fams-section,.woocommerce-products-header,.post-header{margin-bottom:28px}
.card,.faks-card,.woocommerce .woocommerce-notices-wrapper + *,.woocommerce form.checkout,.woocommerce form.login,.woocommerce form.register,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-cart-form,.cart-collaterals,.woocommerce-checkout-review-order,.product,.type-post,.type-page{background:var(--fams-card);border:1px solid var(--fams-border);border-radius:var(--fams-radius);box-shadow:var(--fams-shadow)}
.card,.type-post,.type-page{padding:26px}
.fams-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:34px}
.fams-badge,.faks-badge{display:inline-flex;align-items:center;gap:8px;background:var(--fams-accent);color:var(--fams-primary-dark);padding:6px 12px;border-radius:999px;font-size:.84rem;font-weight:700}
.fams-title{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin:14px 0}
.fams-subtitle{font-size:1.06rem;color:var(--fams-muted);max-width:58ch}
.fams-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.fams-grid{display:grid;gap:24px}
.fams-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fams-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fams-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fams-feature h3,.fams-category h3,.fams-post-card h3{margin-top:0;margin-bottom:8px}
.fams-stat{display:grid;gap:6px;padding:20px}
.fams-stat strong{font-size:1.7rem}
.fams-mini-list,.faks-list{padding-left:18px;margin:0}
.fams-section-title{font-size:1.8rem;margin:0 0 8px}
.fams-section-copy{color:var(--fams-muted);margin:0 0 16px}
.fams-product-card,.fams-category,.fams-post-card{padding:22px}
.fams-product-card .price,.woocommerce ul.products li.product .price{font-weight:700;color:var(--fams-primary-dark)}
.woocommerce span.onsale{background:var(--fams-success)!important}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:22px;background:#fff;border:1px solid var(--fams-border);border-radius:var(--fams-radius);box-shadow:var(--fams-shadow)}
.woocommerce div.product{padding:28px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{margin-bottom:0}
.woocommerce table.shop_table,.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--fams-border)!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--fams-primary)!important;background:#fff!important;border:1px solid var(--fams-border)!important;border-radius:14px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,select,input[type=text],input[type=email],input[type=tel],input[type=number],textarea{border:1px solid #cbdbe3;border-radius:12px;padding:12px 14px;background:#fff;width:100%}
.fams-kc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.fams-page-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.fams-page-link{padding:18px;background:#fff;border:1px solid var(--fams-border);border-radius:16px;box-shadow:var(--fams-shadow);font-weight:700}
.site-footer{border-top:1px solid var(--fams-border);background:#fff;margin-top:40px}
.site-footer__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px;padding:32px 0}
.site-footer h3{margin-top:0}
.site-footer p,.site-footer li,.site-footer a{color:var(--fams-muted)}
.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.site-info{border-top:1px solid var(--fams-border);padding:16px 0;color:var(--fams-muted);font-size:.95rem}
.entry-meta{color:var(--fams-muted);font-size:.95rem}
.post-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.alignwide{width:min(1280px,calc(100% - 32px));margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute;left:-9999px}
@media (max-width: 960px){
  .fams-hero,.fams-kc-grid,.site-footer__grid,.fams-grid--4,.fams-grid--3,.fams-grid--2{grid-template-columns:1fr}
  .primary-nav{display:none;position:absolute;left:16px;right:16px;top:72px;background:#fff;border:1px solid var(--fams-border);border-radius:16px;box-shadow:var(--fams-shadow);padding:14px}
  .primary-nav.is-open{display:block}
  .primary-menu{flex-direction:column;align-items:flex-start}
  .menu-toggle{display:block}
}
