/*
Theme Name: Vantage Child TD
Template: vantage
Version: 1.0
Description: Новый интерфейс Канцелярского ТД — зелёная витрина, 5 карточек в ряд.
*/

:root{
  --ink:#0f172a; --muted:#64748b; --line:#e5e9f0; --soft:#f7f9fc;
  --brand:#16a34a; --brand2:#15803d; --accent:#f97316;
  --radius:14px; --shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06);
}
body{color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

/* ---------------- шапка ---------------- */
#masthead.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:none}
#masthead .hgroup{padding-top:10px;padding-bottom:10px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#masthead .logo img{max-height:52px;width:auto}
#masthead .main-navigation{width:100%;border-top:1px solid var(--line);margin-top:8px}
#masthead .main-navigation ul.menu{display:flex;flex-wrap:wrap;gap:4px}
#masthead .main-navigation ul.menu > li > a{padding:9px 12px;border-radius:10px;font-weight:600;font-size:14px;color:#334155}
#masthead .main-navigation ul.menu > li > a:hover,
#masthead .main-navigation ul.menu > li.current-menu-item > a{background:#f0fdf4;color:var(--brand2)}
#masthead .main-navigation ul ul{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px}
#masthead .main-navigation ul ul a{padding:7px 10px;border-radius:8px;font-size:13.5px}

/* поиск FiboSearch */
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type="search"]{background:var(--soft) !important;border:1.5px solid var(--line) !important;border-radius:12px !important;height:46px !important;padding-left:44px !important}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{background:var(--brand) !important;border-radius:9px !important}
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover{background:var(--brand2) !important}

/* ---------------- сетка товаров ---------------- */
.woocommerce ul.products{display:grid !important;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 0 24px !important;padding:0 !important}
.woocommerce ul.products li.product{width:auto !important;margin:0 !important;float:none !important;border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;display:flex;flex-direction:column;transition:.15s}
.woocommerce ul.products li.product:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.woocommerce ul.products li.product .woocommerce-loop-product__link{display:block}
.woocommerce ul.products li.product img{border-radius:12px;aspect-ratio:1/1;object-fit:contain;width:100%;height:auto;margin:0 0 10px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;line-height:1.35;font-weight:600;padding:0;margin:0 0 6px;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.woocommerce ul.products li.product .price{color:var(--ink) !important;font-size:19px;font-weight:800;letter-spacing:-.3px;margin:0 0 10px}
.woocommerce ul.products li.product .price del{color:var(--muted);font-size:13px;font-weight:500}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{margin-top:auto;background:var(--brand);color:#fff;border-radius:10px;padding:10px 12px;font-weight:700;font-size:13.5px;text-align:center;border:0}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .added_to_cart:hover{background:var(--brand2);color:#fff}
.woocommerce ul.products li.product .onsale{position:absolute;left:20px;top:20px;background:var(--accent);border-radius:999px;font-size:11px;font-weight:800;padding:5px 9px;min-height:0;min-width:0;line-height:1.2}
.woocommerce ul.products li.product .star-rating{display:none}

/* плитки категорий */
.woocommerce ul.products li.product-category{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}
.woocommerce ul.products li.product-category img{border-radius:12px;aspect-ratio:1/1;object-fit:contain}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title{font-size:14px;font-weight:700;line-height:1.25;margin-top:8px}
.woocommerce ul.products li.product-category .count{font-size:12px;color:var(--muted)}

/* ---------------- карточка товара ---------------- */
.single-product div.product{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.single-product div.product .woocommerce-product-gallery{float:none !important;width:auto !important;margin:0 !important}
.single-product div.product .woocommerce-product-gallery__wrapper{border:1px solid var(--line);border-radius:18px;overflow:hidden}
.single-product div.product .woocommerce-product-gallery img{border-radius:0}
.single-product div.product .summary{float:none !important;width:auto !important;margin:0 !important}
.single-product div.product .product_title{font-size:26px;line-height:1.28;letter-spacing:-.3px}
.single-product div.product p.price{color:var(--ink) !important;font-size:34px;font-weight:800;letter-spacing:-1px;margin:10px 0 16px}
.single-product div.product .single_add_to_cart_button,
.single-product div.product .button.alt{background:var(--brand) !important;border-radius:12px !important;font-weight:800 !important;padding:14px 22px !important;color:#fff !important}
.single-product div.product .single_add_to_cart_button:hover,
.single-product div.product .button.alt:hover{background:var(--brand2) !important}
.single-product div.product .quantity input{border:1px solid var(--line);border-radius:12px;height:48px;width:70px;text-align:center}
.single-product div.product .stock{background:#dcfce7;color:#166534;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;display:inline-block}
.single-product div.product .woocommerce-tabs{border-top:1px solid var(--line);margin-top:26px;grid-column:1/-1}
.single-product div.product .woocommerce-tabs ul.tabs{border:0;padding:14px 0 0;display:flex;gap:6px}
.single-product div.product .woocommerce-tabs ul.tabs li{background:none;border:0;margin:0}
.single-product div.product .woocommerce-tabs ul.tabs li a{padding:10px 14px;border-radius:10px;font-weight:700;font-size:14px;color:var(--muted)}
.single-product div.product .woocommerce-tabs ul.tabs li.active a{background:var(--soft);color:var(--ink)}

/* кнопки и ссылки */
a{color:var(--brand2)}
a:hover{color:var(--brand)}
.button,b.button,button,html input[type="button"],input[type="submit"]{background:var(--brand);border-color:var(--brand);border-radius:10px}
.button:hover,button:hover,input[type="submit"]:hover{background:var(--brand2);border-color:var(--brand2)}

/* сетка страниц */
.widget-area .widget{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;margin-bottom:16px}
.widget-area .widget h2{font-size:15px;margin:0 0 10px}

@media (max-width:1200px){ul.products{grid-template-columns:repeat(4,1fr)}}
@media (max-width:980px){ul.products{grid-template-columns:repeat(3,1fr)}.single-product div.product{grid-template-columns:1fr;gap:20px}}
@media (max-width:640px){ul.products{grid-template-columns:repeat(2,1fr);gap:10px}}
/* логотип */
#masthead .logo img.td-logo-img{height:46px;width:auto;max-width:100%}
@media (max-width:640px){#masthead .logo img.td-logo-img{height:34px}}
/* ---------------- баннер на главной ---------------- */
.td-hero{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:0 0 26px}
.td-hero-main{position:relative;overflow:hidden;border-radius:20px;padding:34px;color:#fff;background:radial-gradient(120% 120% at 0% 0%,#22c55e 0%,#15803d 55%,#14532d 100%)}
.td-hero-main:after{content:";position:absolute;right:-60px;top:-60px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.12)}
.td-hero-tag{display:inline-block;background:rgba(255,255,255,.18);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.4px}
.td-hero-main h2{font-size:34px;line-height:1.12;margin:14px 0 10px;max-width:520px;letter-spacing:-.5px;color:#fff}
.td-hero-main p{margin:0 0 20px;max-width:430px;opacity:.92;font-size:15px}
.td-hero-btn{display:inline-block;background:#fff;color:#15803d;font-weight:700;padding:13px 20px;border-radius:12px}
.td-hero-btn:hover{background:#f0fdf4;color:#166534}
.td-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.td-hero-tile{position:relative;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;min-height:118px}
.td-hero-tile.t1{background:linear-gradient(135deg,#fff7ed,#ffedd5)}
.td-hero-tile.t2{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}
.td-hero-tile .em{position:absolute;right:16px;top:14px;font-size:30px}
.td-hero-tile .k{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.4px}
.td-hero-tile .v{font-size:18px;font-weight:800;margin-top:4px;color:#0f172a}
.widget-area .button, #secondary .button, .widget .button{background:var(--brand);border-color:var(--brand);color:#fff}
@media(max-width:900px){.td-hero{grid-template-columns:1fr}.td-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.td-hero-main h2{font-size:26px}}
/* пустые виджеты не должны рисовать пустую карточку */
.widget-area aside.widget:has(.textwidget:empty),
.widget-area aside.widget:has(.custom-html-widget:empty){display:none}
/* чипы подкатегорий */
.td-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.td-chips .chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334155;line-height:1.2}
.td-chips .chip:hover{border-color:#bbf7d0;color:var(--brand2);background:#f0fdf4}
.td-chips .chip.on{background:#f0fdf4;border-color:#bbf7d0;color:var(--brand2)}
/* чипы: усиленная специфичность + фолбэк без flex */
.td-chips a.chip{display:inline-block;margin:0 6px 8px 0;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334155;line-height:1.2;text-decoration:none}
.td-chips a.chip:hover{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}
.td-chips a.chip.on{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}

/* карточка товара TD */
.woocommerce ul.products li.td-card{position:relative}
.woocommerce ul.products li.td-card .woocommerce-loop-product__link{display:block;height:100%}
.woocommerce ul.products li.td-card .td-card-ph{display:block;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:10px}
.woocommerce ul.products li.td-card .td-card-ph img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:0;margin:0}
.woocommerce ul.products li.td-card .woocommerce-loop-product__title{min-height:38px}
.woocommerce ul.products li.td-card .td-card-meta{font-size:12px;color:#64748b;margin-bottom:8px}
.woocommerce ul.products li.td-card .td-card-price{font-size:19px;font-weight:800;letter-spacing:-.3px;margin:0 0 10px}
.woocommerce ul.products li.td-card .td-card-price del{color:#64748b;font-size:13px;font-weight:500;margin-right:6px}
.woocommerce ul.products li.td-card .td-card-price ins{text-decoration:none}
.woocommerce ul.products li.td-card .td-card-actions{margin-top:auto}
.woocommerce ul.products li.td-card .td-card-actions .button{display:block;width:100%}
/* чипы подкатегорий — усиленный вариант */
.td-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:0 0 18px !important;padding:0 !important;list-style:none}
.td-chips a.chip{display:inline-block !important;margin:0 !important;border:1px solid #e5e9f0 !important;background:#fff !important;border-radius:999px !important;padding:8px 14px !important;font-size:13px !important;font-weight:600 !important;color:#334155 !important;line-height:1.2 !important;text-decoration:none !important;white-space:nowrap}
.td-chips a.chip:hover{background:#f0fdf4 !important;border-color:#bbf7d0 !important;color:#15803d !important}
.td-chips a.chip.on{background:#f0fdf4 !important;border-color:#bbf7d0 !important;color:#15803d !important}
/* меню в шапке: белая полоса */
.main-navigation{background:#fff !important;border-top:1px solid #e5e9f0 !important;border-bottom:0 !important}
.main-navigation .menu > li > a{color:#334155 !important;background:transparent !important}
.main-navigation .menu > li > a:hover{background:#f0fdf4 !important;color:#15803d !important}
.main-navigation .menu > li.current-menu-item > a{background:#f0fdf4 !important;color:#15803d !important}
.main-navigation .menu{margin:0 !important;padding:0 !important}
/* полоса контактов поверх липкой шапки не липнет — это нормально */