/* Детска Вселена – общи стилове на темата: основа, обикновени страници, блог, 404, WooCommerce.
   Стиловете на новия дизайн (хедър, футър, секции) са в dv.css под .dv3. */
:root{--ink:#1F1A3D;--mut:#5B5675;--p:#6D28D9;--pd:#4C1D95;--pl:#F3EEFF;--y:#FACC15;--line:#ECE7F7;--soft:#FAF8FF}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body.dv-theme{margin:0;background:#fff;color:var(--ink);font:400 17px/1.65 'Open Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-tap-highlight-color:transparent}
body.dv-theme *,body.dv-theme *::before,body.dv-theme *::after{box-sizing:border-box}
body.dv-theme img{max-width:100%;height:auto}
.dv-skip{position:absolute;left:12px;top:-60px;z-index:999;background:var(--p);color:#fff;padding:10px 16px;border-radius:12px;font:700 15px 'Montserrat',sans-serif;text-decoration:none}
.dv-skip:focus{top:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Лепкав хедър: обвивката е лепкава (вътрешният .hd не може, защото е в собствен блок) */
.dv-sticky{position:sticky;top:0;z-index:50}
.admin-bar .dv-sticky{top:32px}
@media (max-width:782px){.admin-bar .dv-sticky{top:46px}}
@media (max-width:600px){.admin-bar .dv-sticky{top:0}}
.dv-sticky .hd{position:relative!important}

/* Количка в хедъра */
.dv3 .hd-cart{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--ink)!important;border:2px solid var(--line);background:#fff}
.dv3 .hd-cart svg{width:22px;height:22px;fill:currentColor}
.dv3 .hd-cart span{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--p);color:#fff;font:800 12px/20px 'Montserrat',sans-serif;text-align:center}
.dv3 .hd-cart[hidden]{display:none!important}
@media (min-width:1101px) and (max-width:1440px){.dv3 .hd:has(.hd-cart:not([hidden])) .hd-tel{display:none}}

/* ---------- Обикновени страници ---------- */
.dv-main{display:block;padding:40px 0 72px}
.dv-main.dv-el{padding:0}
.dv-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.dv-content{max-width:820px;margin:0 auto}
.dv-title{font:800 clamp(28px,4vw,44px)/1.15 'Montserrat',sans-serif;letter-spacing:-.02em;margin:0 0 24px;color:var(--ink);text-wrap:balance}
.dv-meta{font:700 14px 'Montserrat',sans-serif;color:var(--mut);margin:0 0 8px}
.dv-content h2{font:800 clamp(22px,2.6vw,30px)/1.2 'Montserrat',sans-serif;margin:40px 0 12px;letter-spacing:-.01em}
.dv-content h3{font:800 20px/1.3 'Montserrat',sans-serif;margin:28px 0 8px}
.dv-content h4{font:800 17px/1.3 'Montserrat',sans-serif;margin:22px 0 6px}
.dv-content p,.dv-content ul,.dv-content ol{margin:0 0 1em}
.dv-content ul,.dv-content ol{padding-left:1.3em}
.dv-content li{margin:0 0 .4em}
.dv-content a{color:var(--p);text-decoration:underline;text-underline-offset:3px}
.dv-content blockquote{margin:24px 0;padding:16px 22px;background:var(--soft);border-left:4px solid var(--p);border-radius:0 16px 16px 0}
.dv-content table{width:100%;border-collapse:collapse;margin:0 0 1.2em;display:block;overflow-x:auto}
.dv-content th,.dv-content td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.dv-content th{background:var(--soft);font-weight:700}
.dv-content figure{margin:24px 0}
.dv-content img{border-radius:18px}
.dv-hero-img img{width:100%;border-radius:24px}
.dv-content .wp-block-button__link,.dv-content .button{display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;border-radius:999px;background:var(--p);color:#fff;font:800 16px 'Montserrat',sans-serif;text-decoration:none}

/* ---------- Блог ---------- */
.dv-head{margin-bottom:24px}
.dv-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.dv-post{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid var(--line);border-radius:24px;overflow:hidden;color:var(--ink);transition:transform .2s,box-shadow .2s}
.dv-post:hover,.dv-post:focus-within{transform:translateY(-4px);box-shadow:0 14px 30px rgba(31,26,61,.12)}
.dv-post .ph{display:block;aspect-ratio:16/10;overflow:hidden}
.dv-post .ph img{width:100%;height:100%;object-fit:cover}
.dv-post .b{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.dv-post time{font:700 13px 'Montserrat',sans-serif;color:var(--mut)}
.dv-post h2{font:800 19px/1.3 'Montserrat',sans-serif;margin:0}
.dv-post h2 a{color:var(--ink);text-decoration:none}
.dv-post h2 a::after{content:'';position:absolute;inset:0}
.dv-post p{margin:0;color:var(--mut);font-size:15px}
.dv-pager{margin-top:28px}
.dv-pager .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.dv-pager .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:2px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700}
.dv-pager .page-numbers.current{background:var(--p);border-color:var(--p);color:#fff}
.dv-empty{font-size:18px}

/* ---------- Търсене и 404 ---------- */
.dv-search{display:flex;gap:8px;max-width:520px;margin:16px 0}
.dv-search input{flex:1;min-height:50px;padding:12px 16px;border:2px solid var(--line);border-radius:14px;font:600 16px 'Open Sans',sans-serif}
.dv-search button{min-height:50px;padding:0 22px;border:0;border-radius:999px;background:var(--p);color:#fff;font:800 15px 'Montserrat',sans-serif;cursor:pointer}
.dv-404{text-align:center;padding:24px 20px}
.dv-404 .dv-search{margin:24px auto 0}
.dv-404-n{font:800 clamp(80px,16vw,160px)/1 'Montserrat',sans-serif;color:var(--pl);margin:0;-webkit-text-stroke:2px var(--p)}
.dv-404-links{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.dv-404-links a{display:inline-flex;min-height:46px;align-items:center;padding:10px 18px;border:2px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font:700 15px 'Montserrat',sans-serif}
.dv-404-links a:hover{border-color:var(--p);color:var(--p)}

/* ---------- WooCommerce (оригиналните шаблони, само външен вид) ---------- */
.woocommerce .woocommerce-breadcrumb{font-size:14px;color:var(--mut);margin:0 0 20px}
.woocommerce .woocommerce-breadcrumb a{color:var(--p)}
.woocommerce h1.product_title,.woocommerce-products-header__title,.woocommerce .page-title{font:800 clamp(26px,3.6vw,40px)/1.15 'Montserrat',sans-serif;letter-spacing:-.02em;color:var(--ink)}
.woocommerce h2,.woocommerce h3,.woocommerce-page h2,.woocommerce-page h3{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--ink)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #place_order,
.woocommerce .wc-proceed-to-checkout a.checkout-button,.woocommerce .single_add_to_cart_button{
  background:var(--p)!important;color:#fff!important;border:0!important;border-radius:999px!important;min-height:48px;padding:12px 26px!important;
  font:800 16px/1.2 'Montserrat',sans-serif!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:background .15s,transform .15s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce #place_order:hover,.woocommerce .single_add_to_cart_button:hover{background:var(--pd)!important;transform:translateY(-1px)}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.5}
.woocommerce .wc-proceed-to-checkout a.checkout-button,.woocommerce #place_order{width:100%;font-size:17px!important;min-height:54px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .quantity .qty,.woocommerce-page form .form-row input.input-text,.woocommerce .coupon input.input-text,.woocommerce-cart table.cart td.actions .coupon .input-text{
  min-height:50px;padding:12px 14px;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:600 16px 'Open Sans',sans-serif;line-height:1.3}
.woocommerce form .form-row textarea{min-height:110px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row select:focus,.woocommerce form .form-row textarea:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(109,40,217,.15)}
.woocommerce form .form-row label{font-weight:700;font-size:15px;margin-bottom:6px}
.woocommerce .select2-container .select2-selection--single{height:50px;border:2px solid var(--line);border-radius:14px}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:14px}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce .quantity .qty{width:84px;text-align:center}
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--p);font:800 22px 'Montserrat',sans-serif}
.woocommerce ul.products li.product .price{font-size:17px}
.woocommerce ul.products li.product{background:#fff;border:2px solid var(--line);border-radius:22px;padding:14px 14px 18px;text-align:left}
.woocommerce ul.products li.product a img{border-radius:16px;margin-bottom:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:800 17px/1.3 'Montserrat',sans-serif!important;color:var(--ink);padding:0}
.woocommerce ul.products li.product .button{margin-top:10px;width:100%}
.woocommerce span.onsale{background:var(--y);color:var(--ink);font:800 13px/1 'Montserrat',sans-serif;border-radius:999px;min-height:auto;min-width:auto;padding:8px 12px}
.woocommerce div.product .woocommerce-product-gallery{border-radius:22px;overflow:hidden}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:14px 14px 0 0}
.woocommerce div.product form.cart .variations select{min-height:50px;border:2px solid var(--line);border-radius:14px;padding:10px 12px;font:600 16px 'Open Sans',sans-serif;max-width:100%}
.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{display:block;padding:4px 0}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error,.woocommerce-noreviews{border-radius:16px;border-top-width:0;border-left:4px solid var(--p);background:var(--soft);color:var(--ink)}
.woocommerce .woocommerce-error{border-left-color:#DC2626;background:#FEF2F2}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--p)}
.woocommerce table.shop_table{border:2px solid var(--line);border-radius:18px;border-collapse:separate;overflow:hidden}
.woocommerce table.shop_table th{font-family:'Montserrat',sans-serif;font-weight:800}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-top-color:var(--line)}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:var(--soft);border-radius:22px;padding:20px}
.woocommerce-checkout #payment{background:#fff;border:2px solid var(--line);border-radius:18px}
.woocommerce-checkout #payment ul.payment_methods{border-bottom-color:var(--line)}
.woocommerce-checkout #payment div.payment_box{background:var(--soft);color:var(--ink);border-radius:12px}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--soft)}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:inline-flex;min-height:44px;align-items:center;padding:8px 16px;border:2px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font:700 15px 'Montserrat',sans-serif}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--p);border-color:var(--p);color:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}
.dv-shop .woocommerce-result-count,.dv-shop .woocommerce-ordering{margin-bottom:20px}
@media (max-width:768px){
  .dv-main{padding:28px 0 56px}
  .woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{border-bottom:1px solid var(--line)}
  .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:100%}
  .woocommerce-cart table.cart td.actions .coupon{display:flex;flex-direction:column;gap:8px}
  .woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce-cart table.cart td.actions .coupon .button{width:100%!important}
}

/* На количката и плащането мобилната лента само разсейва */
.woocommerce-cart .dv3 .mbar,.woocommerce-checkout .dv3 .mbar{display:none!important}
.woocommerce-cart .dv3.last,.woocommerce-checkout .dv3.last{padding-bottom:0}
.woocommerce ul.products li.product .button{font-size:14px!important;padding:10px 14px!important;white-space:normal}
@media (max-width:420px){.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:48%;margin-right:4%}.woocommerce ul.products[class*=columns-] li.product:nth-child(2n){margin-right:0}}

/* Много тесни телефони (320–360 px) и хедър с количка */
.dv3 .tl li>*,.dv3 .incl>*,.dv3 .g>*{min-width:0}
.dv3 .crumbs,.dv3 [class$="-badge"]{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media (max-width:600px){.dv3 .hd:has(.hd-cart) .hd-rate small{display:none}}
@media (max-width:420px){main.dv3 .btn,.dv3 main .btn{white-space:normal;text-align:center;line-height:1.25;max-width:100%}}
@media (max-width:360px){
  .dv3 .tl li{grid-template-columns:44px 18px 1fr!important;gap:8px!important}
  .dv3 .tl::before{left:52px!important}
  .dv3 .tl .box{padding:10px 12px!important;font-size:14px!important;gap:8px!important}
  .dv3 .tl .box img.e3{width:30px!important;height:30px!important}
  .dv3 .hd .wrap{gap:8px}
  .dv3 .hd-rate{padding-left:8px;padding-right:8px}
  .dv3 .feat h2{font-size:24px!important}
  .dv3 .ln{white-space:normal!important}
  .dv3 h1,.dv3 h2{overflow-wrap:break-word}
}

/* Лентата най-горе – по-четима на телефон */
.dv3 .ann{font-size:15px;line-height:1.45}
@media (max-width:600px){.dv3 .ann{font-size:14.5px;padding:9px 14px}}
