/*
Theme Name: Softy Store Pro
Theme URI: https://www.softy.ma/
Author: Softy
Description: Boutique de logiciels WooCommerce professionnelle pour Softy.
Version: 2.2.0
Text Domain: softy-store-pro
*/
:root{--blue:#0798f5;--cyan:#11c7f3;--dark:#061a4f;--ink:#101828;--muted:#667085;--bg:#f6f9fc;--line:#e4eaf2}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1200px,92%);margin:auto}
.topbar{background:var(--dark);color:#dfe9ff;font-size:13px}
.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:7px 0}
.softy-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.softy-header-row{display:grid;grid-template-columns:210px minmax(360px,1fr) auto;align-items:center;gap:22px;min-height:78px}
.softy-brand{display:flex;align-items:center;justify-content:flex-start;width:210px}
.softy-brand img,.softy-brand .custom-logo{display:block;width:185px;max-width:185px;height:auto;max-height:54px;object-fit:contain;object-position:left center}
.softy-search{height:46px;width:100%;max-width:760px;justify-self:center;display:flex;align-items:center;border:1px solid #d9e2ed;background:#f8fafc;border-radius:12px;overflow:hidden;box-shadow:0 2px 7px rgba(16,24,40,.04)}
.softy-search-icon{width:38px;text-align:center;color:#8391a3;font-size:22px;line-height:1}
.softy-search input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;padding:0 8px;font-size:14px}
.softy-search button{height:38px;margin:4px;border:0;border-radius:9px;background:var(--blue);color:#fff;padding:0 20px;font-weight:800;cursor:pointer}
.softy-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}
.softy-actions a{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:750}
.softy-actions .cart{background:var(--blue);border-color:var(--blue);color:#fff;padding-left:15px;padding-right:15px}
.mainnav{background:#fff;border-top:1px solid #f2f4f7}
.mainnav .container{min-height:46px;display:flex;align-items:center}
.mainnav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px}
.mainnav a{font-size:14px;font-weight:750}
.mainnav a:hover{color:var(--blue)}
.hero{background:radial-gradient(circle at 78% 25%,#0b63c722,transparent 32%),linear-gradient(135deg,#061a4f,#08367a 55%,#087ec1);color:#fff;padding:68px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}
.hero h1{font-size:52px;line-height:1.06;letter-spacing:-2px;margin:0 0 20px}
.hero p{font-size:18px;color:#d9e7ff;max-width:680px}
.hero-search{display:flex;background:#fff;border-radius:12px;padding:5px;margin-top:30px;max-width:700px}
.hero-search input{flex:1;border:0;padding:13px 14px;outline:0;font-size:16px}
.hero-search button{border:0;background:var(--blue);color:#fff;border-radius:9px;padding:0 24px;font-weight:850}
.hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.hero-links a{border:1px solid #ffffff30;color:#fff;padding:7px 12px;border-radius:99px;font-size:13px}
.hero-panel{background:#ffffff12;border:1px solid #ffffff25;border-radius:22px;padding:26px;box-shadow:0 20px 50px #0003}
.hero-panel-title{font-weight:800;color:#dce9ff;margin-bottom:16px}
.hero-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mini{background:#fff;color:var(--ink);border-radius:14px;padding:16px}
.mini strong{display:block;font-size:18px}.mini span{font-size:12px;color:var(--muted)}
.trust{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{display:flex;align-items:center;gap:11px;min-height:92px;padding:16px 18px;border-right:1px solid var(--line)}
.trust-item:last-child{border-right:0}
.trust-icon{width:34px;height:34px;min-width:34px;border-radius:10px;background:#eaf7ff;color:var(--blue);display:flex;align-items:center;justify-content:center}
.trust-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trust-item strong{display:block;font-size:15px;line-height:1.25}.trust-item span{display:block;font-size:12px;line-height:1.35;color:var(--muted)}
.section{padding:50px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.section-head h2{margin:0;font-size:29px}.section-head p{margin:4px 0 0;color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px;min-height:82px;transition:.18s}
.cat-card:hover{border-color:#9bdcff;box-shadow:0 10px 28px #12324b0d;transform:translateY(-2px)}
.cat-icon{width:38px;height:38px;min-width:38px;border-radius:11px;background:#eaf7ff;color:var(--blue);display:flex;align-items:center;justify-content:center}
.cat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cat-text strong{display:block;font-size:14px;line-height:1.3}.cat-text small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}
.product-img{height:195px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fff}
.product-img img{max-width:100%;max-height:160px;object-fit:contain}
.product-info{padding:16px}.product-title{display:block;font-weight:800;line-height:1.35;min-height:48px;margin:7px 0 12px}.price{font-weight:900;font-size:18px}
.site-footer{background:#071637;color:#cbd7ec;margin-top:60px;padding:48px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}
.site-footer h3{color:#fff;margin-top:0}.site-footer a{display:block;margin:8px 0}
.footer-logo{width:180px!important;max-width:180px!important;height:auto;max-height:55px;object-fit:contain;margin-bottom:14px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;padding:0!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid var(--line);padding:15px;border-radius:17px}
.woocommerce ul.products li.product img{border-radius:10px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--blue);color:#fff;border-radius:8px}
.woocommerce div.product{background:#fff;padding:28px;border-radius:18px}
@media(max-width:1000px){.softy-header-row{grid-template-columns:180px minmax(240px,1fr) auto;gap:14px}.softy-brand{width:180px}.softy-brand img,.softy-brand .custom-logo{width:165px;max-width:165px}.softy-actions a:first-child{display:none}.hero-grid{grid-template-columns:1fr}.category-grid,.products-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}.hero h1{font-size:43px}}
@media(max-width:700px){.topbar,.mainnav{display:none}.softy-header-row{display:flex;gap:8px;min-height:66px}.softy-brand{flex:0 0 135px;width:135px}.softy-brand img,.softy-brand .custom-logo{width:135px;max-width:135px;max-height:46px}.softy-search{flex:1;min-width:0}.softy-search button{font-size:0;width:38px;padding:0}.softy-search button:after{content:"⌕";font-size:18px}.softy-actions{display:none}.hero{padding:48px 0}.hero h1{font-size:36px}.category-grid,.products-grid,.woocommerce ul.products{grid-template-columns:1fr!important}.trust-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}

/* SOFTY 2.1 - hard header layout */
.softy-header{width:100%!important;background:#fff!important;overflow:hidden!important}
.softy-header .container.softy-header-row{
    width:min(1200px,92%)!important;
    max-width:1200px!important;
    margin:0 auto!important;
    min-height:76px!important;
    height:76px!important;
    display:grid!important;
    grid-template-columns:210px minmax(320px,1fr) auto!important;
    align-items:center!important;
    gap:22px!important;
    padding:0!important;
}
.softy-header .softy-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:210px!important;
    height:60px!important;
    min-width:210px!important;
    max-width:210px!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
}
.softy-header .softy-brand a{display:flex!important;align-items:center!important}
.softy-header .softy-brand img,
.softy-header .softy-brand .custom-logo,
.softy-header .softy-brand .custom-logo-link img{
    display:block!important;
    width:185px!important;
    min-width:0!important;
    max-width:185px!important;
    height:auto!important;
    max-height:52px!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
    padding:0!important;
}
.softy-header .softy-search{
    position:static!important;
    display:flex!important;
    width:100%!important;
    max-width:760px!important;
    height:46px!important;
    margin:0 auto!important;
    transform:none!important;
    float:none!important;
}
.softy-header .softy-actions{
    display:flex!important;
    position:static!important;
    width:auto!important;
    height:46px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin:0!important;
    padding:0!important;
}
.softy-header .softy-actions a{position:static!important}
@media(max-width:1000px){
 .softy-header .container.softy-header-row{grid-template-columns:180px minmax(220px,1fr) auto!important;gap:12px!important}
 .softy-header .softy-brand{width:180px!important;min-width:180px!important}
 .softy-header .softy-brand img,.softy-header .softy-brand .custom-logo,.softy-header .softy-brand .custom-logo-link img{width:165px!important;max-width:165px!important}
}
@media(max-width:700px){
 .softy-header .container.softy-header-row{display:flex!important;width:94%!important;height:66px!important;min-height:66px!important;gap:8px!important}
 .softy-header .softy-brand{width:135px!important;min-width:135px!important;height:50px!important}
 .softy-header .softy-brand img,.softy-header .softy-brand .custom-logo,.softy-header .softy-brand .custom-logo-link img{width:135px!important;max-width:135px!important;max-height:46px!important}
 .softy-header .softy-actions{display:none!important}
}