/* Shared brand palette. White surfaces and labels follow the approved feedback. */
:root,.editor-styles-wrapper{
 --hocco-brand-orange:#F86031;--hocco-brand-green:#00A386;--hocco-brand-black:#000000;--hocco-brand-light:#F4F4F4;
 --hocco-white:#FFFFFF;--hocco-on-orange:var(--hocco-white);--hocco-on-green:var(--hocco-white);--hocco-on-black:var(--hocco-white);
 --hocco-card-border:color-mix(in srgb,var(--black) 20%,var(--hocco-white));
 --hocco-card-shadow-hover:0 5px 15px color-mix(in srgb,var(--black) 16%,transparent);
 --orange:var(--hocco-brand-orange);--green:var(--hocco-brand-green);--black:var(--hocco-brand-black);--light:var(--hocco-brand-light);
 --ink:var(--black);--muted:var(--black);--line:var(--black);
 --hocco-action-orange:var(--orange);--hocco-action-green:var(--green);
 --hocco-button-bg:var(--orange);--hocco-button-text:var(--hocco-on-orange);--hocco-button-hover-bg:var(--green);--hocco-button-hover-text:var(--hocco-on-green);
 --wp--preset--color--orange:var(--orange);--wp--preset--color--green:var(--green);--wp--preset--color--black:var(--black);--wp--preset--color--light:var(--light);
 --woocommerce:var(--green);--wc-primary:var(--orange);--wc-primary-text:var(--hocco-on-orange);--wc-secondary:var(--green);--wc-secondary-text:var(--hocco-on-green);
 --wc-highlight:var(--green);--wc-highligh-text:var(--hocco-on-green);--wc-content-bg:var(--light);--wc-subtext:var(--black);
 --wc-red:var(--orange);--wc-orange:var(--orange);--wc-green:var(--green);--wc-blue:var(--green);
 color-scheme:light;accent-color:var(--orange);scrollbar-color:var(--green) var(--light);
}
body,.editor-styles-wrapper{color:var(--black);background-color:var(--hocco-white)}
::selection{background:var(--orange);color:var(--hocco-on-orange)}
::placeholder{color:var(--black);opacity:1}
button,input,select,textarea{color:var(--black);accent-color:var(--orange)}
input:not([type=range]),select,textarea,option{background-color:var(--light);border-color:var(--black)}
button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:1;border-style:dashed;cursor:not-allowed}
hr{border-color:var(--black)}
mark{background:var(--orange);color:var(--hocco-on-orange)}
a:hover{color:inherit;text-decoration:underline}
.text-link,.eyebrow,.prose a,.contact-card a{color:var(--black)}
.site-nav,.site-nav a,.site-nav .menu a,.site-nav .sub-menu a{color:var(--hocco-on-green)}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav .menu a:hover,.site-nav .sub-menu a:hover,.site-nav .sub-menu a:focus-visible,.site-nav .current-menu-item>a,.site-nav .current-menu-ancestor>a,.site-nav .current_page_item>a{color:var(--hocco-on-orange)}
.site-nav .sub-menu{background:var(--green)}
.menu-bars span{background:var(--hocco-on-green)}
.hocco-topbar,.hocco-topbar a,.header-cart-count,.header-cart span,.header-favorites [data-favorite-count]:not(:empty){color:var(--hocco-on-orange)}
.hocco-ribbon{color:var(--hocco-on-orange)}
.category-pill:hover,.category-pill.is-active,.carousel-controls button:hover,.hero-slider__controls button:hover{color:var(--hocco-on-green)}
.catalog-arrow:hover{color:var(--hocco-on-orange)}
.catalog-sort-menu__list a{color:var(--hocco-on-orange)}
.catalog-sort-menu__list a:hover,.catalog-sort-menu__list a:focus-visible,.catalog-sort-menu__list a[aria-current=true]{color:var(--hocco-on-green)}
.hocco-card__price,.hocco-card__price .woocommerce-Price-amount,.header-cart-item__price,.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce div.product .price .woocommerce-Price-amount{color:var(--green)!important}
.hocco-packs input:checked+span{background:var(--green);color:var(--hocco-on-green)}
.hocco-packs .is-unavailable span{opacity:1;border-style:dashed}
.hocco-card__form button[disabled]{opacity:1;border-style:dashed!important}
.hero__placeholder,.hero__placeholder span+span,.guide-banner,.guide-banner p,.guide-banner .eyebrow{color:var(--hocco-on-green)}
.hero__placeholder,.guide-banner{background:var(--green)}
.story-block__placeholder{background:var(--green)}
.story-block--reverse .story-block__placeholder{background:var(--orange)}
.site-footer{background:var(--black);color:var(--hocco-on-black)}
.footer-grid p,.footer-grid a,.footer-brand,.footer-bottom{color:var(--hocco-on-black)}
.footer-bottom{border-color:var(--hocco-on-black)}
.skip-link{background:var(--black);color:var(--hocco-on-black);border-color:var(--hocco-on-black)}
.hocco-whatsapp{background:var(--green);color:var(--hocco-on-green)}
.hocco-whatsapp:hover{background:var(--orange);color:var(--hocco-on-orange)}
/* Solid caption backplates preserve image visibility without introducing blended UI colors. */
.hocco-page-banner--image:before,.hocco-page-banner--category.hocco-page-banner--image:before{background:none}
.hocco-page-banner--image h1,.hocco-page-banner--image p{background:var(--black);color:var(--hocco-on-black);width:fit-content;padding:8px 12px;text-shadow:none}
.hocco-page-banner--category.hocco-page-banner--image h1,.hocco-page-banner--category.hocco-page-banner--image p{text-shadow:none}
.hero-slider__dots button:hover:after{outline:2px solid var(--orange);outline-offset:3px}
.hero-slider__dots button[aria-current=true]{color:transparent}
.button:focus-visible,.wp-element-button:focus-visible,.wc-block-components-button:focus-visible{outline:2px solid var(--black);outline-offset:3px}
/* Editor presets retain stable slugs so existing preset-based content follows settings. */
.has-orange-color{color:var(--orange)!important}.has-green-color{color:var(--green)!important}.has-black-color{color:var(--black)!important}.has-light-color{color:var(--light)!important}
.has-orange-background-color{background-color:var(--orange)!important}.has-green-background-color{background-color:var(--green)!important}.has-black-background-color{background-color:var(--black)!important}.has-light-background-color{background-color:var(--light)!important}
.wp-element-button,.editor-styles-wrapper .wp-block-button__link{background:var(--orange)!important;color:var(--hocco-on-orange)!important;border-color:var(--orange)!important}
.wp-element-button:hover,.editor-styles-wrapper .wp-block-button__link:hover{background:var(--green)!important;color:var(--hocco-on-green)!important;border-color:var(--green)!important}
/* Classic WooCommerce surfaces, status messages, controls and account pages. */
.woocommerce,.woocommerce-page{color:var(--black)}
.woocommerce a.remove{color:var(--black)!important;background:var(--light)!important}
.woocommerce a.remove:hover{color:var(--hocco-on-orange)!important;background:var(--orange)!important}
.woocommerce span.onsale{background:var(--green);color:var(--hocco-on-green)}
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce div.product .stock,.woocommerce .star-rating,.woocommerce p.stars a{color:var(--black)}
.woocommerce-error,.woocommerce-info,.woocommerce-message{background:var(--light);color:var(--black);box-shadow:none}
.woocommerce-error,.woocommerce-error:before{border-color:var(--orange);color:var(--black)}
.woocommerce-info,.woocommerce-message{border-color:var(--green)}
.woocommerce-info:before,.woocommerce-message:before{color:var(--green)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{background:var(--light);color:var(--black);border-color:var(--black);box-shadow:none}
.woocommerce form .form-row.woocommerce-invalid label,.woocommerce .required{color:var(--black)!important}
.woocommerce form .form-row.woocommerce-invalid input.input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:var(--orange)}
.woocommerce form .form-row.woocommerce-validated input.input-text,.woocommerce form .form-row.woocommerce-validated select{border-color:var(--green)}
.woocommerce table.shop_table,.woocommerce table.shop_table td,.woocommerce table.shop_table th,.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon{border-color:var(--black)}
.woocommerce #payment,.woocommerce-checkout #payment,.woocommerce #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{background:var(--light);color:var(--black)}
.woocommerce #payment div.payment_box:before,.woocommerce-checkout #payment div.payment_box:before{border-bottom-color:var(--light)}
.woocommerce #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{border-color:var(--black)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--light);color:var(--black);border-color:var(--black)}
.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{border-color:var(--black);box-shadow:none}
.woo-layout--single div.product .woocommerce-tabs ul.tabs li.active,.woo-layout--single div.product .woocommerce-tabs ul.tabs li.active a{color:var(--hocco-on-green)!important}
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border-color:var(--black)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:var(--light);color:var(--black)}
.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--green);color:var(--hocco-on-green)}
.woocommerce button.button:disabled,.woocommerce a.button.disabled{opacity:1!important;border-style:dashed!important}
.woocommerce-password-strength{background:var(--orange);color:var(--hocco-on-orange)}
.woocommerce-password-strength.good,.woocommerce-password-strength.strong{background:var(--green);color:var(--hocco-on-green)}
.woocommerce div.product p.price del,.woocommerce div.product span.price del{opacity:1}
.woocommerce .blockUI.blockOverlay,.woocommerce-page .blockUI.blockOverlay{background:var(--light)!important;opacity:1!important}
.woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before{color:var(--black)}
.pswp__bg,.pswp__top-bar,.pswp__caption{background:var(--black)!important}
.pswp__counter,.pswp__caption__center,.pswp__error-msg,.pswp__error-msg a{color:var(--hocco-on-black)!important;opacity:1}
.select2-container--default .select2-selection--single,.select2-dropdown,.select2-search__field{background:var(--light)!important;color:var(--black)!important;border-color:var(--black)!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--black)}
.select2-container--default .select2-results__option[data-selected=true]{background:var(--green);color:var(--hocco-on-green)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--orange);color:var(--hocco-on-orange)}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-top-color:var(--black)}
/* Cart/Checkout Blocks: supplement global styles for component-owned surfaces. */
.wc-block-components-notice-banner,.wc-block-components-notice-banner.is-error,.wc-block-components-notice-banner.is-success,.wc-block-components-notice-banner.is-info,.wc-block-components-notice-banner.is-warning{background:var(--light)!important;color:var(--black)!important;border-color:var(--black)!important}
.wc-block-components-notice-banner>svg{background:var(--green)!important;color:var(--hocco-on-green)!important;fill:currentColor!important}
.wc-block-components-notice-banner.is-error>svg,.wc-block-components-notice-banner.is-warning>svg{background:var(--orange)!important;color:var(--hocco-on-orange)!important}
.wc-block-components-validation-error,.wc-block-components-validation-error p{color:var(--black)!important}
.wc-block-components-text-input input,.wc-block-components-textarea,.wc-block-components-combobox .components-combobox-control__input,.wc-block-components-combobox .components-combobox-control__suggestions-container,.wc-block-components-combobox .components-form-token-field__suggestions-list,.wc-block-components-form .wc-block-components-text-input input,.wc-block-components-select .wc-block-components-select__select{background:var(--light)!important;color:var(--black)!important;border-color:var(--black)!important;box-shadow:none!important}
.wc-block-components-text-input label,.wc-block-components-select label,.wc-block-components-checkbox__label,.wc-block-components-order-summary .wc-block-components-order-summary-item__description{color:var(--black)!important}
.wc-block-components-radio-control__option,.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{background:var(--light)!important;color:var(--black)!important;box-shadow:none!important;border-color:var(--black)!important}
.wc-block-components-order-summary-item__quantity{background:var(--light)!important;color:var(--black)!important;border-color:var(--black)!important;box-shadow:0 0 0 2px var(--light)!important}
.wc-block-cart__submit-container,.wc-block-components-panel,.wc-block-components-order-summary,.wc-block-components-totals-wrapper{background-color:var(--light);color:var(--black);border-color:var(--black)}
.wc-block-cart__submit-container:before{box-shadow:none!important}
.wc-block-components-product-badge,.wc-block-components-sale-badge{background:var(--green);color:var(--hocco-on-green);border-color:var(--black)}
.wc-block-components-chip{background:var(--light);color:var(--black);border-color:var(--black)}
.wc-block-components-chip__remove{background:var(--orange);color:var(--hocco-on-orange)}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox],.wc-block-components-radio-control .wc-block-components-radio-control__input{background-color:var(--light)!important;border-color:var(--black)!important;color:var(--black)!important;box-shadow:none!important}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked,.wc-block-components-radio-control .wc-block-components-radio-control__input:checked{background-color:var(--orange)!important;border-color:var(--black)!important}
.wc-block-components-checkbox .wc-block-components-checkbox__mark{fill:var(--hocco-on-orange)!important;color:var(--hocco-on-orange)!important}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before{background:var(--hocco-on-orange)!important}
/* Native browser checkboxes/radios otherwise introduce system blue and white. */
input[type=checkbox]:not(.wc-block-components-checkbox__input),input[type=radio]:not(.wc-block-components-radio-control__input){appearance:none;position:relative;display:inline-grid;place-content:center;vertical-align:middle;width:18px;height:18px;padding:0;margin:0 6px 0 0;border:1px solid var(--black);background:var(--light);color:var(--hocco-on-orange)}
input[type=checkbox]:not(.wc-block-components-checkbox__input){border-radius:3px}
input[type=radio]:not(.wc-block-components-radio-control__input){border-radius:50%}
input[type=checkbox]:not(.wc-block-components-checkbox__input):checked,input[type=radio]:not(.wc-block-components-radio-control__input):checked{background:var(--orange)}
input[type=checkbox]:not(.wc-block-components-checkbox__input):checked:after{content:"";width:5px;height:9px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
input[type=radio]:not(.wc-block-components-radio-control__input):checked:after{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
/* Shared product-card hover: orange border and dark shadow, without movement. */
.hocco-card{border:1px solid var(--hocco-card-border);background:var(--hocco-white);transform:none;transition:box-shadow .18s ease;box-shadow:none}
.hocco-product-carousel{padding:7px 7px 24px}
.hocco-card:focus-within{border-color:var(--orange)}
@media(hover:hover) and (pointer:fine){
 .hocco-card:hover{border-color:var(--orange);transform:none;box-shadow:var(--hocco-card-shadow-hover)}
}
@media(prefers-reduced-motion:reduce){
 .hocco-card{transition:none}
 .hocco-card:hover{transform:none}
}

/* Product metadata and favorites use the saved secondary color. */
.woocommerce div.product .product_meta .posted_in a,.category-carousel .category-tile .category-tile__name{color:var(--green)}
.category-pill:not(.is-active):not(:hover){color:var(--green)}
.hocco-favorite:hover,.hocco-favorite:focus-visible,.hocco-favorite[aria-pressed=true]{color:var(--green);border-color:var(--green)}
.hocco-favorite:hover svg,.hocco-favorite:focus-visible svg,.hocco-favorite[aria-pressed=true] svg{fill:var(--green);stroke:var(--green)}
/* Single-product purchase controls share a height and baseline. */
.woocommerce div.product .summary form.cart:not(.variations_form):not(.grouped_form),
.woocommerce div.product .summary .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.woocommerce div.product .summary form.cart .quantity{flex:0 0 58px;float:none;margin:0!important}
.woocommerce div.product .summary form.cart .quantity .qty{box-sizing:border-box;width:58px;height:46px;min-height:46px;padding:6px}
.woocommerce div.product .summary form.cart .single_add_to_cart_button,
.woocommerce div.product .summary form.cart .hocco-buy-now{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;float:none;height:46px;min-height:46px;margin:0!important;padding:8px 10px;line-height:1.2;white-space:nowrap}
.woocommerce div.product .summary form.cart .hocco-buy-now{background:transparent!important;border:1px solid var(--orange)!important;color:var(--orange)!important}
.woocommerce div.product .summary form.cart .hocco-buy-now:hover,
.woocommerce div.product .summary form.cart .hocco-buy-now:focus-visible{background:var(--green)!important;border-color:var(--green)!important;color:var(--hocco-white)!important}
.woocommerce div.product .summary form.cart .hocco-buy-now:hover{text-decoration:none!important}
.hocco-whatsapp{color:var(--hocco-white);box-shadow:0 4px 12px color-mix(in srgb,var(--black) 16%,transparent)}
.hocco-whatsapp:hover{color:var(--hocco-white)}
@media(max-width:370px){
 .woocommerce div.product .summary form.cart .quantity{flex-basis:48px}
 .woocommerce div.product .summary form.cart .quantity .qty{width:48px}
 .woocommerce div.product .summary form.cart .single_add_to_cart_button,
 .woocommerce div.product .summary form.cart .hocco-buy-now{font-size:14px;padding-inline:8px}
 .woocommerce div.product .summary form.cart .single_add_to_cart_button:before{width:14px;height:14px;margin-right:4px}
}

/* 2.2.7: shared dropdown states, navigation, post cards, and mini-cart feedback. */
.site-nav .menu a,.mobile-menu summary{text-transform:uppercase}
select,option,.woocommerce form .form-row select,
.select2-container--default .select2-selection--single,.select2-dropdown,.select2-results__option,
.wc-block-components-select .wc-block-components-select__select,
.wc-block-components-combobox .components-combobox-control__input,
.wc-block-components-combobox .components-combobox-control__suggestions-container,
.wc-block-components-combobox .components-form-token-field__suggestions-list,
.catalog-sort-menu__list,.price-filter summary,.catalog-sort-menu summary,
.site-nav .sub-menu{background:var(--hocco-white)!important;color:var(--black)!important}
.catalog-sort-menu__list a,.catalog-sort-menu__list a[aria-current=true],.site-nav .sub-menu a{background:var(--hocco-white)!important;color:var(--black)!important}
.price-filter summary:hover,.price-filter summary:focus-visible,.catalog-sort-menu summary:hover,.catalog-sort-menu summary:focus-visible{border-color:var(--orange)}
select:hover,option:hover,option:checked,.woocommerce form .form-row select:hover,
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected],
.wc-block-components-select .wc-block-components-select__select:hover,
.wc-block-components-combobox .components-combobox-control__input:hover,
.wc-block-components-combobox .components-form-token-field__suggestion.is-selected,
.catalog-sort-menu__list a:hover,.catalog-sort-menu__list a:focus-visible,
.site-nav .sub-menu a:hover,.site-nav .sub-menu a:focus-visible{background:var(--orange)!important;color:var(--hocco-white)!important}
.select2-container--default .select2-selection--single:hover .select2-selection__rendered{color:var(--hocco-white)}
.woocommerce div.product .summary p.price,.woocommerce div.product .summary span.price,
.woocommerce div.product .summary .price .woocommerce-Price-amount{font-size:42px!important;font-weight:700!important;line-height:1.2}
.post-card .eyebrow,.post-card__meta{color:var(--orange);font-size:11px;font-weight:500}
.post-card .post-card__more{color:var(--green)}
.post-card .post-card__more:hover,.post-card .post-card__more:focus-visible{color:var(--orange)}
.hocco-scroll-progress span{background:var(--orange)}
.header-cart-panel,.header-cart-items{scrollbar-color:var(--green) var(--light);scrollbar-width:thin}
.header-cart-panel::-webkit-scrollbar,.header-cart-items::-webkit-scrollbar{width:6px}
.header-cart-panel::-webkit-scrollbar-track,.header-cart-items::-webkit-scrollbar-track{background:var(--light)}
.header-cart-panel::-webkit-scrollbar-thumb,.header-cart-items::-webkit-scrollbar-thumb{background:var(--green);border-radius:6px}
.header-cart-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.header-cart-panel__title{margin:0;font-size:18px!important;font-weight:700;line-height:1.3;letter-spacing:normal}
.header-cart-item__name{font-size:16px;font-weight:600}
.header-cart-panel__close,.header-cart-item__remove{color:var(--orange)}
.header-cart-panel__close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer}
.header-cart-panel__close:hover,.header-cart-item__remove:hover{color:var(--orange)}
.header-cart-panel[aria-busy=true] [data-mini-cart-quantity]{opacity:.65}
.header-cart-status{margin:10px 0 0;color:var(--black);font-size:14px;line-height:1.4}
.header-cart-status:empty{display:none}
