/* ==========================================================================
   Hodhod — WordPress, WooCommerce and Elementor specifics
   ========================================================================== */

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{clip:auto;width:auto;height:auto;z-index:300;top:10px;inset-inline-start:10px;background:#fff;padding:10px 16px;border-radius:10px}
.admin-bar .hh-header{top:32px}
@media (max-width:782px){.admin-bar .hh-header{top:46px}}
.admin-bar .hh-cart__panel,.admin-bar .hh-mmenu{top:32px}
@media (max-width:782px){.admin-bar .hh-cart__panel,.admin-bar .hh-mmenu{top:46px}}
@media (max-width:600px){.admin-bar .hh-header{top:0}}

/* Menus printed by wp_nav_menu keep the flat look */
.hh-nav .menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.hh-nav .menu li{list-style:none}
.hh-mmenu ul,.hh-footer ul{list-style:none;margin:0;padding:0}
.hh-mmenu nav,.hh-mmenu ul{display:grid}
.hh-mmenu li a{display:block}
.hh-footer .menu a{display:block}
.hh-footer__phone a:hover{color:var(--o2)}

/* Elementor: our sections already carry their own spacing */
.elementor-widget[class*="elementor-widget-hodhod-"] > .elementor-widget-container{padding:0;margin:0}
.elementor-section .hh-sec,.e-con .hh-sec{margin:0}
.elementor-editor-active .hh-loader{display:none}
.elementor-editor-active .hh-hero__title .w>span{transform:none}

/* Page heads & prose */
.hh-pagehead{padding-block:clamp(40px,6vw,80px) clamp(20px,3vw,36px);background:var(--peach-2);border-radius:0 0 var(--r-lg) var(--r-lg);margin-block-end:clamp(30px,4vw,50px)}
.hh-pagehead h1{font-size:clamp(32px,4.6vw,60px);font-weight:900}
.hh-pagehead .term-description,.hh-pagehead .page-description{margin-block-start:10px;color:var(--muted);max-width:60ch}
.hh-meta{color:var(--muted);font-size:15px;margin-block-end:8px}
.hh-cover{margin-block-end:30px}
.hh-cover img{border-radius:var(--r-lg);width:100%;max-height:520px;object-fit:cover}
.hh-prose{max-width:780px;padding-block-end:60px}
.hh-prose>*+*{margin-block-start:1.1em}
.hh-prose h2{font-size:clamp(26px,3vw,36px);margin-block-start:1.6em}
.hh-prose h3{font-size:24px;margin-block-start:1.4em}
.hh-prose a{color:var(--o1);text-decoration:underline;text-underline-offset:3px}
.hh-prose img{border-radius:var(--r-md)}
.hh-prose blockquote{margin-inline:0;padding:18px 22px;border-inline-start:4px solid var(--o1);background:var(--peach-2);border-radius:var(--r-sm)}
.hh-prose ul,.hh-prose ol{padding-inline-start:1.3em}
.hh-sec--tight{padding-block:0 clamp(50px,7vw,90px)}
.hh-empty{font-size:18px;margin-block-end:20px}

/* Posts grid */
.hh-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hh-post{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column}
.hh-post__media{display:block;aspect-ratio:16/10;background:var(--peach-2);overflow:hidden}
.hh-post__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.hh-post__media img.is-placeholder{object-fit:contain;padding:30px}
.hh-post:hover .hh-post__media img{transform:scale(1.05)}
.hh-post__body{padding:20px}
.hh-post h2{font-size:21px;margin-block-end:8px}
.hh-post h2 a:hover{color:var(--o1)}
.hh-post p{color:var(--muted);font-size:15.5px}
.hh-pager{margin-block-start:40px}
.hh-pager .nav-links,.woocommerce nav.woocommerce-pagination ul{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;border:0}
.hh-pager .page-numbers,.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line);font-weight:700;padding:0 10px;background:#fff}
.hh-pager .page-numbers.current,.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li{border:0!important}
.hh-search--inline{margin-block:10px 0;max-width:560px}

/* 404 */
.hh-404{text-align:center}
.hh-404__bird{margin:0 auto 10px;width:120px;animation:hh-bob 3s ease-in-out infinite}
.hh-404 h1{font-size:clamp(80px,14vw,180px);font-weight:900;line-height:1;background:var(--o-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hh-404 h2{font-size:clamp(24px,3vw,34px);margin-block:10px}
.hh-404 p{color:var(--muted);margin-block-end:26px}
.hh-404__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- WooCommerce ---------- */
.hh-crumbs{font-size:14px;color:var(--muted);margin-block-end:10px;display:flex;gap:8px;flex-wrap:wrap}
.hh-crumbs a:hover{color:var(--o1)}
.hh-grid--shop{margin-block-end:20px}
.hh-woo--archive .hh-card__title a:hover{color:var(--o1)}
.hh-card__price .woocommerce-Price-amount{font:inherit;color:inherit}
.hh-card__add.added::after,.hh-card a.added_to_cart{display:none}
.hh-card__add.loading{opacity:.6;pointer-events:none}
.hh-card__add.is-out-of-stock{background:var(--line);color:var(--muted)}
.woocommerce .woocommerce-result-count{color:var(--muted);margin:0 0 20px}
.woocommerce .woocommerce-ordering{margin:0 0 20px}
.woocommerce .woocommerce-ordering select,.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce-page form .form-row .input-text,.select2-container--default .select2-selection--single{border:1.5px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;font:500 16px var(--f-body);background:#fff;min-height:48px}
.woocommerce form .form-row label{font-weight:600}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce .wc-block-components-button:not(.is-link){background:var(--o-grad)!important;color:#fff!important;border-radius:var(--r-pill)!important;padding:14px 26px!important;font:700 16px/1 var(--f-display)!important;border:0!important;transition:transform .3s var(--spring),box-shadow .3s}
.woocommerce a.button:hover,.woocommerce button.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.woocommerce span.onsale{background:var(--o-grad);border-radius:var(--r-pill);min-height:0;min-width:0;padding:8px 12px;line-height:1;font:800 14px var(--f-display);top:14px;inset-inline-start:14px;inset-inline-end:auto}
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product div.images img{border-radius:var(--r-lg)}
.woocommerce div.product .product_title{font-size:clamp(28px,3.4vw,44px);font-weight:900;margin-block-end:10px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--o1);font:800 28px var(--f-display)}
.woocommerce div.product p.price del{color:var(--muted);font-size:18px;opacity:1}
.woocommerce div.product form.cart{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.woocommerce .quantity .qty{width:84px;height:52px;border:1.5px solid var(--line);border-radius:var(--r-pill);font:700 17px var(--f-display);text-align:center}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;display:flex;gap:8px;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:1.5px solid var(--line);background:#fff;border-radius:var(--r-pill);margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ink);border-color:var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 20px;font:600 15px var(--f-display)}
.woocommerce .related>h2,.woocommerce .upsells>h2{font-size:clamp(26px,3vw,38px);margin-block:40px 20px}
.hh-single-actions{display:flex;gap:12px;flex-wrap:wrap;margin-block:20px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:var(--r-md);border-top-color:var(--o1)!important;background:var(--peach-2)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--o1)!important}
.woocommerce table.shop_table{border-radius:var(--r-md);border-color:var(--line);overflow:hidden;background:#fff}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:24px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}

@media (max-width:1100px){.hh-posts{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .woocommerce div.product{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){.hh-posts{grid-template-columns:1fr}}

/* Products section on light backgrounds (shop pages) */
.hh-woo .hh-card{border:1.5px solid var(--line)}