/* ========================================================== ABA_BRAND_V7_PRODUCTOS_COMPATIBILITY_CANARY_V1 /productos/ Page 527516 BrandBook V7 compatibility layer only. This is NOT the future ABA Flow Commerce redesign. No catalog/query/filter/search functionality is changed. ========================================================== */ /* ---------------------------------------------------------- PAGE INTRO TYPOGRAPHY ---------------------------------------------------------- */ /* Intro / eyebrow */ html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-f962cd1 .elementor-heading-title { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-medium) !important; color: var(--aba-brand-salmon) !important; } /* Main heading */ html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-92bb144 .elementor-heading-title { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-light) !important; color: var(--aba-brand-charcoal) !important; } /* Helper / contact copy */ html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-regular) !important; color: var(--aba-brand-charcoal) !important; } html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc a { color: var(--aba-brand-blue) !important; } html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc a:hover, html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc a:focus { color: var(--aba-brand-salmon) !important; } /* ========================================================== ACTIVE CATALOG ONLY ========================================================== */ /* ---------------------------------------------------------- SEARCH ---------------------------------------------------------- */ html body.page-id-527516 .product-colourm-rows .product_search .form-control { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-regular) !important; color: var(--aba-brand-charcoal) !important; background: rgba(247, 224, 190, 0.28) !important; border: 1px solid rgba(46, 46, 46, 0.16) !important; box-shadow: none !important; } html body.page-id-527516 .product-colourm-rows .product_search .form-control::placeholder { color: rgba(46, 46, 46, 0.62) !important; opacity: 1 !important; } html body.page-id-527516 .product-colourm-rows .product_search .form-control:focus { background: var(--aba-brand-white) !important; border-color: var(--aba-brand-blue) !important; box-shadow: 0 0 0 2px rgba(0, 214, 250, 0.18) !important; outline: none !important; } html body.page-id-527516 .product-colourm-rows .product_search button { color: var(--aba-brand-blue) !important; } html body.page-id-527516 .product-colourm-rows .product_search button:hover, html body.page-id-527516 .product-colourm-rows .product_search button:focus { color: var(--aba-brand-salmon) !important; } /* ---------------------------------------------------------- FILTER HEADING ---------------------------------------------------------- */ html body.page-id-527516 .product-colourm-rows .product_page_title { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-light) !important; color: var(--aba-brand-charcoal) !important; } html body.page-id-527516 .product-colourm-rows .product_page_title::after { background: var(--aba-brand-salmon) !important; } /* ---------------------------------------------------------- FILTER BUTTONS ---------------------------------------------------------- */ html body.page-id-527516 .product-colourm-rows .product_filter button { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-medium) !important; color: var(--aba-brand-charcoal) !important; } @media (min-width: 768px) { html body.page-id-527516 .product-colourm-rows .product_filter button.is-checked { color: var(--aba-brand-blue) !important; } html body.page-id-527516 .product-colourm-rows .product_filter button:hover { color: var(--aba-brand-salmon) !important; } html body.page-id-527516 .product-colourm-rows .product_filter button:focus-visible { color: var(--aba-brand-blue) !important; outline: 2px solid var(--aba-brand-blue) !important; outline-offset: 2px !important; } } /* ---------------------------------------------------------- PRODUCT CARDS Existing geometry remains untouched. ---------------------------------------------------------- */ html body.page-id-527516 .product-colourm-rows .product-grid .product-item a h2.product-title { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-medium) !important; color: var(--aba-brand-charcoal) !important; } html body.page-id-527516 .product-colourm-rows .product-grid .product-item .product_price { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-bold) !important; color: var(--aba-brand-charcoal) !important; } html body.page-id-527516 .product-colourm-rows .product-grid .product-item .product_price::after { background: var(--aba-brand-salmon) !important; } /* ========================================================== MOBILE Preserve: - current list geometry - image sizes - alternating rows - chevrons - hidden mobile prices ========================================================== */ @media (max-width: 767px) { html body.page-id-527516 .product-colourm-rows .product_filter button { font-family: var(--aba-font-family) !important; font-weight: var(--aba-font-weight-medium) !important; color: var(--aba-brand-charcoal) !important; background: rgba(247, 224, 190, 0.32) !important; border-color: rgba(46, 46, 46, 0.10) !important; } html body.page-id-527516 .product-colourm-rows .product_filter button.is-checked { color: var(--aba-brand-charcoal) !important; background: var(--aba-brand-blue) !important; border-color: var(--aba-brand-blue) !important; } html body.page-id-527516 .product-colourm-rows .product_filter button:hover { color: var(--aba-brand-charcoal) !important; background: rgba(251, 117, 106, 0.30) !important; border-color: var(--aba-brand-salmon) !important; } html body.page-id-527516 .product-colourm-rows .product_filter button.is-checked:hover { color: var(--aba-brand-charcoal) !important; background: var(--aba-brand-blue) !important; border-color: var(--aba-brand-blue) !important; } html body.page-id-527516 .product-colourm-rows .product_filter button:focus-visible { outline: 2px solid var(--aba-brand-blue) !important; outline-offset: 2px !important; } html body.page-id-527516 .product-colourm-rows .product-grid .product-item a h2.product-title { color: var(--aba-brand-charcoal) !important; } } /* ========================================================== ABA_BRAND_V7_PRODUCTOS_POLISH_V1B Final external-QA corrections: 1. Remove legacy gradient treatment from helper/tel block. 2. Make active search focus explicitly ABA Blue. Page 527516 only. ========================================================== */ /* ---------------------------------------------------------- HELPER / TELEPHONE BLOCK Elementor widget a9219dc is the published helper copy. Neutralize inherited legacy gradient surfaces without changing its content or layout. ---------------------------------------------------------- */ html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc, html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc .elementor-widget-container, html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc span { background: transparent !important; background-image: none !important; color: var(--aba-brand-charcoal) !important; text-shadow: none !important; } html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc a[href^="tel:"] { color: var(--aba-brand-blue) !important; background: transparent !important; background-image: none !important; text-decoration: none !important; } html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc a[href^="tel:"]:hover, html body.page-id-527516 .elementor-527516 .elementor-element.elementor-element-a9219dc a[href^="tel:"]:focus-visible { color: var(--aba-brand-salmon) !important; } /* ---------------------------------------------------------- ACTIVE CATALOG SEARCH FOCUS Use the published exact ID so the V7 interaction state decisively wins over legacy .product_search rules. ---------------------------------------------------------- */ html body.page-id-527516 .product-colourm-rows .product_search input#quicksearch.form-control.key-search:focus, html body.page-id-527516 .product-colourm-rows .product_search input#quicksearch.form-control.key-search:focus-visible { border: 1px solid var(--aba-brand-blue) !important; outline: 2px solid var(--aba-brand-blue) !important; outline-offset: 2px !important; box-shadow: 0 0 0 3px rgba(0, 214, 250, 0.18) !important; background: var(--aba-brand-white) !important; color: var(--aba-brand-charcoal) !important; }