/* Sorrell & Smith site polish — site-wide brand + mobile fixes over Divi.
   Brand: black & white, headings Abel, buttons/small caps Oswald, body Actor.
   Per-page rules for the older Divi pages are in brand-pages.css. */

/* Header (every page): Divi accent colour → black */
#et_search_icon:hover,.et_toggle_slide_menu:after{color:#111111}
.et-search-form,.nav li ul,.et_mobile_menu{border-color:#111111}
#page-container #top-header,#et-secondary-nav li ul{background-color:#111111!important}



/* WooCommerce notices (Divi paints them orange) */
.woocommerce-message,.woocommerce-error,.woocommerce-info,
.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button{background:#ffffff!important;color:#222222!important}
.woocommerce-message,.woocommerce-error,.woocommerce-info{border:1px solid #E4E4E4!important;border-left:3px solid #111111!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
.woocommerce-error{border-left-color:#B3261E!important}
.woocommerce-message a,.woocommerce-info a{color:#111111!important;text-decoration:underline}
.woocommerce #respond input#submit,.woocommerce #content input.button{background:#111111!important;color:#ffffff!important}


/* "Complete your tabletop / Shop our base designs" box (a site snippet): brand it */
.ss-glass-switcher{background:#F4F4F4!important;border-radius:0!important}
.ss-switch-link{border:2px solid #111111!important;color:#111111!important;border-radius:0!important;font-family:'Oswald',Helvetica,Arial,sans-serif;font-weight:500!important;letter-spacing:1.6px;text-transform:uppercase;font-size:13px}
.ss-switch-link:hover,.ss-switch-link.active{background:#111111!important;color:#ffffff!important}
.custom-woocommerce-category-list>.parent-category>a:hover,.custom-woocommerce-category-list .child-category-list .child-category a:hover{color:#ffffff!important}


/* ------------------------------------------------------------ Currency switcher */
.woo-multi-currency .wmc-list-currencies .wmc-currency.wmc-active,.woo-multi-currency .wmc-list-currencies .wmc-currency:hover{background:#4A4A4A!important}
@media (max-width:980px){.woo-multi-currency.wmc-sidebar{display:none!important}}

/* ------------------------------------------------------------ Phones */
@media (max-width:980px){

  /* Mobile menu: collapsible sections (site.js), black accents */
  .et_mobile_menu{border-top:2px solid #111111!important;padding:4px 0 10px!important;max-height:calc(100vh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .et_mobile_menu li a{font-family:'Actor',Helvetica,Arial,sans-serif;font-size:16px;color:#222222!important;padding:13px 5%!important;border-bottom:1px solid #EFEFEF!important}
  .et_mobile_menu .menu-item-has-children>a{font-weight:600!important;background-color:transparent!important}
  .et_mobile_menu li li{padding-left:0!important}
  .et_mobile_menu li li a{padding-left:9%!important;font-size:15px;color:#444444!important}
  .et_mobile_menu li li li a{padding-left:13%!important}
  .et_mobile_menu li.ss-acc{position:relative}
  #main-header .et_mobile_menu li.ss-acc>ul.sub-menu,.et_mobile_menu li.ss-acc>ul.sub-menu{display:none!important;background:#FAFAFA;padding-left:0!important}
  #main-header .et_mobile_menu li.ss-acc.ss-open>ul.sub-menu,.et_mobile_menu li.ss-acc.ss-open>ul.sub-menu{display:block!important}
  .et_mobile_menu li.ss-acc>a{padding-right:60px!important}
  .ss-acc-btn{position:absolute;top:0;right:0;width:54px;height:48px;border:0;border-left:1px solid #EFEFEF;background:transparent;cursor:pointer;padding:0;margin:0}
  .ss-acc-btn::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-right:2px solid #111111;border-bottom:2px solid #111111;transform:translate(-50%,-70%) rotate(45deg);transition:transform .2s}
  .ss-open>.ss-acc-btn::before{transform:translate(-50%,-30%) rotate(-135deg)}
  /* Our Collection (bespoke) and Shop (in stock) each get a one-line explainer */
  .et_mobile_menu .ss-menu-note{display:block;font-family:'Actor',Helvetica,Arial,sans-serif;font-weight:400;font-size:13px;line-height:1.35;letter-spacing:0;text-transform:none;color:#777777;margin-top:2px}
  .et_mobile_menu li.ss-has-note>.ss-acc-btn{height:68px}
  .et_mobile_menu li.ss-has-note>a{padding-top:14px!important;padding-bottom:14px!important}
  .et_mobile_menu li.ss-currency{display:flex;align-items:center;gap:10px;padding:14px 5% 6px!important;font-size:14px;color:#666666}
  .et_mobile_menu li.ss-currency a{display:inline-block;border:1px solid #CFCFCF!important;padding:6px 12px!important;font-family:'Oswald',Helvetica,Arial,sans-serif;font-size:13px;letter-spacing:1.4px;color:#111111!important}
  .et_mobile_menu li.ss-currency a.is-active{background:#111111;border-color:#111111!important;color:#ffffff!important}

  /* Standard product pages: price and Add to basket straight under the title */
  .single-product .et-l--body .et_pb_column_2_tb_body{display:flex!important;flex-direction:column}
  .single-product .et-l--body .et_pb_column_2_tb_body>*{order:10}
  .single-product .et-l--body .et_pb_column_2_tb_body>.et_pb_wc_title_0_tb_body{order:1}
  .single-product .et-l--body .et_pb_column_2_tb_body>.et_pb_wc_price_0_tb_body{order:2;margin-bottom:14px!important}
  .single-product .et-l--body .et_pb_column_2_tb_body>.et_pb_wc_add_to_cart_0_tb_body{order:3}
  .single-product .et-l--body .et_pb_column_2_tb_body>.trustpilot-widget{order:4;margin-bottom:18px}
  .single-product .et-l--body .et_pb_column_2_tb_body>.ss-glass-switcher{order:5}
  .single-product .et-l--body .et_pb_column_2_tb_body>.et_pb_wc_description_0_tb_body{order:6}
  .single-product .et-l--body .et_pb_wc_breadcrumb_0_tb_body{font-size:13px}
}

/* ------------------------------------------------------------ Size calculator (mirrors, shelves…) */
.custom-dimension-fields{color:#222222!important}
.custom-dimension-fields .ss-calc-hint{font-size:14px;color:#444444;margin:0 0 12px!important;padding:0!important}
.custom-dimension-fields label,body #page-container #et-boc .custom-dimension-fields label{letter-spacing:0!important;font-family:'Actor',Helvetica,Arial,sans-serif;font-size:14px!important;font-weight:600;color:#222222!important;display:block;margin:0 0 6px}
.custom-dimension-fields input,body #page-container #et-boc .custom-dimension-fields input{text-shadow:none!important;font-family:'Actor',Helvetica,Arial,sans-serif!important;font-weight:400!important;letter-spacing:0!important;box-shadow:none!important;background:#ffffff!important;border:1px solid #CFCFCF!important;border-radius:0!important;
  font-size:16px!important;color:#222222!important;padding:12px 14px!important}
.custom-dimension-fields input:focus,body #page-container #et-boc .custom-dimension-fields input:focus{border-color:#111111!important;outline:none}
.custom-dimension-fields br{display:none}

/* ------------------------------------------------------------ Lighter background images (WebP) */
.et_pb_section_0_tb_footer .et_parallax_bg,.et_pb_section_0_tb_footer.et_pb_with_background:not(.et_pb_section_parallax){background-image:url(img/footer-wood-1200.webp)!important}
body.page-id-22 div.et_pb_section.et_pb_section_0{background-image:url(img/home-hero-bg-1920.webp)!important}
body.page-id-22 div.et_pb_section.et_pb_section_7{background-image:linear-gradient(67deg,rgba(243,238,232,.57) 0%,rgba(243,238,232,0) 100%),url(img/home-surface-1600.webp)!important}
@media (max-width:980px){
  .et_pb_section_0_tb_footer .et_parallax_bg,.et_pb_section_0_tb_footer.et_pb_with_background:not(.et_pb_section_parallax){background-image:url(img/footer-wood-800.webp)!important}
  body.page-id-22 div.et_pb_section.et_pb_section_0{background-image:url(img/home-hero-bg-1000.webp)!important}
  body.page-id-22 div.et_pb_section.et_pb_section_7{background-image:linear-gradient(67deg,rgba(243,238,232,.57) 0%,rgba(243,238,232,0) 100%),url(img/home-surface-900.webp)!important}
}

/* Hamburger icon (Divi paints it with the accent colour) */
#main-header .mobile_menu_bar:before,#main-header .mobile_menu_bar:after,.et_header_style_left .mobile_menu_bar:before{color:#111111!important}

/* Current page in the desktop menu (Divi active-link blue) */
#top-menu li.current-menu-item>a,#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-parent>a,#top-menu li.current_page_item>a,.et_mobile_menu li.current-menu-item>a{color:#111111!important;font-weight:600}
#top-menu li li.current-menu-item>a{color:#111111!important}