/*====================================== Theme Name: BaseHead-Extra Theme URI: https://divicake.com/ Description: Child Theme of Extra Updated Version: 1.2 Author: Divi Cake Author URI: https://divicake.com/ Template: Extra ======================================*/ /* watch for extra.css to override DIVi styles */ /* You can add your own CSS styles here. Use !important to overwrite styles if needed. */ @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap'); /* 2026-04-25: hide Divi "Enable Visual Builder" admin-bar button site-wide. We don't want accidental clicks on modernized pages converting them back to Divi layouts. */ #wp-admin-bar-et-use-visual-builder { display: none !important; } .modal { background: green; position:absolute; float:left; top:50%; left:50%; width: 200px; height: 200px; transform:transform(-50%, -50%); } .clearfix:after { content: ''; display: block; height: 0; font-size: 0; visibility: hidden; clear: both; } .clearfix { clear: both; } /* pang added 2019-03-29*/ .my_text_bold { font-weight: bold !important; font-size: 150% !important; } .my_btn_a { word-break: normal !important; } /* TOKI EDIT */ /* #et-navigation li a line 2467 */ /*#et-navigation li a { padding: 8px 0; }*/ /*#et-navigation li li:hover {*/ /*background-color: #687893;*/ /*background-color: rgba(104,120,147, 0.2);*/ /*}*/ /*.nav li ul {*/ /*padding: 20px 0;*/ /*padding: 0px 0 0px 0;*/ /*}*/ /* #et-navigation li a line somewhere 27823 */ /*@media only screen and (max-width: 1024px) { } */ /* TOKI EDIT */ /* Button Hover */ /* .et_pb_module .et_pb_button:hover line 8685 */ /* Button Styles */ /*.et_pb_button {*/ /*border: 2px solid transparent;*/ /*border: none;*/ /*}*/ /*.et_pb_pagebuilder_layout .post-content a.et_pb_button.et_pb_bg_layout_light{ color: #FFF; } .et_pb_pagebuilder_layout .post-content a.et_pb_button.et_pb_bg_layout_light:hover{ color: rgb(102, 121, 142); } .et_pb_button_inner { position: relative; }*/ /* Button Hover */ /*.et_pb_module .et_pb_button:hover,*/ /*.et_pb_button:hover {*/ /*border: 2px solid transparent;*/ /*border: none;*/ /*padding: 0.3em 2em 0.3em 0.7em;*/ /*}*/ /* Button - With Icon */ /*.et_pb_button:before, .et_pb_button:after { top: 1px; } */ /* Footer color change */ /*#footer .et_pb_widget a, #footer .et_pb_widget a:visited, #footer .et_pb_widget a span, #footer .et_pb_widget ul li a, #footer .et_pb_widget .widget-list li a, #footer .et_pb_widget #recentcomments li a, #footer .widget .title, #footer .et_pb_widget.woocommerce .product_list_widget li a { color: #FFF !important; } #footer .et_pb_widget, #footer div, #footer .et_pb_widget p, #footer .et_pb_widget ins, #footer .et_pb_widget span, #footer .et_pb_widget strong, #footer .widget_list li .post-meta, #footer .et_pb_widget .recentcomments .post-title, #footer .et_pb_widget .recentcomments .comment-author-link, #footer .et_pb_widget .recentcomments .author, #footer .widget_calendar td, #footer .widget_et_recent_tweets .et-extra-icon:before{ color: #FFF !important; } footer#footer { background-color: #2e3a47 !important; } footer#footer h4, #footer .et_pb_widget h4.widgettitle { color: #FFF !important; } #footer, #footer li, #footer p, #footer a, #footer span, #footer .post-meta { } #footer #footer-info, #footer #footer-info a { color: #FFF !important; font-size: 12px !important; opacity: 0.4 !important; } #footer div#footer-bottom { background-color: #13161c !important; } #footer .et_pb_widget:first-of-type { padding-top: 48px; } */ /* LICENSE PAGE STYLE */ /*.list-table-wrap{ } .list-table-wrap ul{ padding: 20px 0 30px 0; margin: 0 auto; } .list-table-wrap ul.row-title{ display: block; padding-bottom: 0px; font-size: 115%; } .list-table-wrap ul li{ float:left; display: block; height: 30px; word-wrap:break-word; } .list-table-wrap ul li span.sp-label{ display: none; } .list-table-wrap ul li.field-1{ width: 15%; } .list-table-wrap ul li.field-2{ width: 10%; } .list-table-wrap ul li.field-3{ width: 25%; } .list-table-wrap ul li.field-4{ width: 15%; } .list-table-wrap ul li.field-5{ width: 13%; } .list-table-wrap ul li.field-6{ width: 13%; } .list-table-wrap ul.row-title li.field-5{ display: none; } .list-table-wrap ul.row-title li.field-6{ display: none; } @media only screen and (max-width: 1024px) { .list-table-wrap ul li{ height: 40px; } .list-table-wrap ul li.field-1{ width: 20%; } .list-table-wrap ul li.field-2{ width: 15%; } .list-table-wrap ul li.field-3{ width: 40%; } .list-table-wrap ul li.field-4{ width: 25%; } .list-table-wrap ul li.field-5{ width: 100%; } .list-table-wrap ul li.field-6{ width: 100%; } } @media only screen and (max-width: 768px) { .list-table-wrap ul li{ height: 40px; } .list-table-wrap ul li.field-1{ width: 25%; } .list-table-wrap ul li.field-2{ width: 15%; } .list-table-wrap ul li.field-3{ width: 35%; } .list-table-wrap ul li.field-4{ width: 25%; } .list-table-wrap ul li.field-5{ width: 100%; } .list-table-wrap ul li.field-6{ width: 100%; } } @media only screen and (max-width: 640px) { .list-table-wrap ul.row-title{ display: none; } .list-table-wrap ul li{ height: auto; float:none; } .list-table-wrap ul li span.sp-label{ display: block; font-weight: bold; } .list-table-wrap ul li.field-1{ width: 100%; } .list-table-wrap ul li.field-2{ width: 100%; } .list-table-wrap ul li.field-3{ width: 100%; } .list-table-wrap ul li.field-4{ width: 100%; } .list-table-wrap ul li.field-5{ float: left; width: auto; } .list-table-wrap ul li.field-6{ float: left; width: auto; margin-left: 10px; } } #page-container .nf-form-content input[type="button"], #page-container .nf-form-content input[type="button"]:hover{ color: #FFF !important; } #et-navigation li a:hover{ border-bottom: 1px solid transparent; } */ /*this is not the best way but only way to apply style to all button*/ /* #page-container .button, #page-container button, #page-container button[type="submit"], #page-container input[type="submit"], #page-container input[type="reset"], #page-container input[type="button"], .read-more-button, .comment-body .comment_area .comment-content .reply-container .comment-reply-link, .widget_tag_cloud a, .widget_tag_cloud a:visited, .post-nav .nav-links .button, a.read-more-button, a.read-more-button:visited, #footer .widget_tag_cloud a, #footer .widget_tag_cloud a:visited, #footer a.read-more-button, #footer a.read-more-button:visited, #footer .button, #footer button, #footer button[type="submit"], #footer input[type="submit"], #footer input[type="reset"], #footer input[type="button"], .et_pb_button, .woocommerce .button, .woocommerce-page .button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce .cart input.button, .woocommerce-page .cart input.button, .woocommerce a.button, .woocommerce-page a.button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-message .button, .woocommerce a.checkout-button, .woocommerce-page a.checkout-button, .woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce-page .wc-proceed-to-checkout a.checkout-button, .woocommerce a.btn.alt, .woocommerce-page a.btn.alt, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce div.product form.cart .button, .woocommerce div.product form.cart .button.disabled, .woocommerce div.product form.cart .button.disabled:hover, .woocommerce-page div.product form.cart .button, .woocommerce-page div.product form.cart .button.disabled, .woocommerce-page div.product form.cart .button.disabled:hover, .woocommerce div.product #respond .form-submit input#submit, .woocommerce-page div.product #respond .form-submit input#submit, .woocommerce .read-more-button, .woocommerce-page .read-more-button, .woocommerce input.read-more-button, .woocommerce-page input.read-more-button, .woocommerce .cart input.read-more-button, .woocommerce-page .cart input.read-more-button, .woocommerce a.read-more-button, .woocommerce-page a.read-more-button, .woocommerce .woocommerce-message .read-more-button, .woocommerce-page .woocommerce-message .read-more-button, .woocommerce div.product form.cart .read-more-button, .woocommerce-page div.product form.cart .read-more-button, .woocommerce .post-nav .nav-links .button, .woocommerce-page .post-nav .nav-links .button, .woocommerce input.post-nav .nav-links .button, .woocommerce-page input.post-nav .nav-links .button, .woocommerce .cart input.post-nav .nav-links .button, .woocommerce-page .cart input.post-nav .nav-links .button, .woocommerce a.post-nav .nav-links .button, .woocommerce-page a.post-nav .nav-links .button, .woocommerce .woocommerce-message .post-nav .nav-links .button, .woocommerce-page .woocommerce-message .post-nav .nav-links .button, .woocommerce div.product form.cart .post-nav .nav-links .button, .woocommerce-page div.product form.cart .post-nav .nav-links .button, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button, .widget.woocommerce.widget_layered_nav ul li a, .widget.woocommerce.widget_layered_nav_filters ul li a, .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .button, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .read-more-button, .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .read-more-button, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .post-nav .nav-links .button, .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .post-nav .nav-links .button, #footer .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button, #footer .widget.woocommerce.widget_layered_nav ul li a, #footer .widget.woocommerce.widget_layered_nav_filters ul li a, #footer .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .button, #footer .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .read-more-button, #footer .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .read-more-button, #footer .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .post-nav .nav-links .button, #footer .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .post-nav .nav-links .button{ color: #FFF !important; } #page-container .button:hover, #page-container button:hover, #page-container button[type="submit"]:hover, #page-container input[type="submit"]:hover, #page-container input[type="reset"]:hover, #page-container input[type="button"]:hover, .read-more-button:hover, .comment-body .comment_area .comment-content .reply-container .comment-reply-link:hover, .widget_tag_cloud a:hover, .widget_tag_cloud a:visited:hover, .post-nav .nav-links .button:hover, a.read-more-button:hover, a.read-more-button:visited:hover, #footer .widget_tag_cloud a:hover, #footer .widget_tag_cloud a:visited:hover, #footer a.read-more-button:hover, #footer a.read-more-button:visited:hover, #footer .button:hover, #footer button:hover, #footer button[type="submit"]:hover, #footer input[type="submit"]:hover, #footer input[type="reset"]:hover, #footer input[type="button"]:hover, .et_pb_button:hover, .woocommerce .button:hover, .woocommerce-page .button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce input[type="submit"]:hover, .woocommerce-page input[type="submit"]:hover, .woocommerce .cart input.button:hover, .woocommerce-page .cart input.button:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-message .button:hover, .woocommerce a.checkout-button:hover, .woocommerce-page a.checkout-button:hover, .woocommerce .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-page .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce a.btn.alt:hover, .woocommerce-page a.btn.alt:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce div.product form.cart .button:hover, .woocommerce div.product form.cart .button.disabled:hover, .woocommerce div.product form.cart .button.disabled:hover:hover, .woocommerce-page div.product form.cart .button:hover, .woocommerce-page div.product form.cart .button.disabled:hover, .woocommerce-page div.product form.cart .button.disabled:hover:hover, .woocommerce div.product #respond .form-submit input#submit:hover, .woocommerce-page div.product #respond .form-submit input#submit:hover, .woocommerce .read-more-button:hover, .woocommerce-page .read-more-button:hover, .woocommerce input.read-more-button:hover, .woocommerce-page input.read-more-button:hover, .woocommerce .cart input.read-more-button:hover, .woocommerce-page .cart input.read-more-button:hover, .woocommerce a.read-more-button:hover, .woocommerce-page a.read-more-button:hover, .woocommerce .woocommerce-message .read-more-button:hover, .woocommerce-page .woocommerce-message .read-more-button:hover, .woocommerce div.product form.cart .read-more-button:hover, .woocommerce-page div.product form.cart .read-more-button:hover, .woocommerce .post-nav .nav-links .button:hover, .woocommerce-page .post-nav .nav-links .button:hover, .woocommerce input.post-nav .nav-links .button:hover, .woocommerce-page input.post-nav .nav-links .button:hover, .woocommerce .cart input.post-nav .nav-links .button:hover, .woocommerce-page .cart input.post-nav .nav-links .button:hover, .woocommerce a.post-nav .nav-links .button:hover, .woocommerce-page a.post-nav .nav-links .button:hover, .woocommerce .woocommerce-message .post-nav .nav-links .button:hover, .woocommerce-page .woocommerce-message .post-nav .nav-links .button:hover, .woocommerce div.product form.cart .post-nav .nav-links .button:hover, .woocommerce-page div.product form.cart .post-nav .nav-links .button:hover, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button:hover, .widget.woocommerce.widget_layered_nav ul li a:hover, .widget.woocommerce.widget_layered_nav_filters ul li a:hover, .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .read-more-button:hover, .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .read-more-button:hover, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .post-nav .nav-links .button:hover, .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .post-nav .nav-links .button:hover, #footer .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button:hover, #footer .widget.woocommerce.widget_layered_nav ul li a:hover, #footer .widget.woocommerce.widget_layered_nav_filters ul li a:hover, #footer .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover, #footer .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .read-more-button:hover, #footer .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .read-more-button:hover, #footer .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .post-nav .nav-links .button:hover, #footer .widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .post-nav .nav-links .button:hover{ color: #FFF !important; }*/ .thwepo-extra-options.thwepo_variable{ margin-bottom: 25px; } /*blog navigation */ .post-nav .nav-links .title{ color: #FFF; } #et-navigation li a { padding: 9px 0; text-transform: none !important; } #et-navigation li a:hover{ border-bottom: 0px solid transparent; } #et-navigation li li:hover { /*background-color: #687893;*/ border-bottom: 1px solid transparent; background-color: rgba(104,120,147, 0.2); } header.header #top-header a, header.header #et-navigation a { transition: 0.0s; } .nav li ul { /*padding: 20px 0;*/ padding: 0px 0 0px 0; } /* #et-navigation li a line somewhere 27823 */ @media only screen and (max-width: 1024px) { } /* TOKI EDIT */ /* Button Hover */ /* .et_pb_module .et_pb_button:hover line 8685 */ /* Button Styles */ .et_pb_button { /*border: 2px solid transparent;*/ border: none; } .et_pb_pagebuilder_layout .post-content a.et_pb_button.et_pb_bg_layout_light{ color: #FFF !important; } .et_pb_pagebuilder_layout .post-content a.et_pb_button.et_pb_bg_layout_light:hover{ color: rgb(102, 121, 142) !important; } .et_pb_button_inner { position: relative; } .et_pb_button, .et_pb_module .et_pb_button{ padding: .4em 2em .4em .7em; } /* Button Hover */ .et_pb_module .et_pb_button:hover, .list-table-wrap .et_pb_button:hover { border: none; padding: .4em 2em .4em .7em; /*padding: .3em 2em .3em .7em;*/ } /* Button - With Icon */ .et_pb_button:before, .et_pb_button:after { top: 2px; } table.variations td.value span:after { content: none !important; display: none !important; } table.variations th.label { padding-left: 0px !important; } #my-account-menu .myaccount-menu li{ /*background-color: #fff;*/ background-color: #333D49; padding-left: 5px !important; } #my-account-menu.position-left .myaccount-menu::before, #my-account-menu.position-left .myaccount-menu::after{ border-right: 1px solid transparent !important; border-bottom: 1px solid transparent !important; } #my-account-menu .myaccount-menu li > a { border-right: 1px solid transparent !important; border-bottom: 1px solid transparent !important; } #my-account-menu .myaccount-menu li > a{ color: #D6E4E6; } #my-account-menu .myaccount-menu li > a:hover{ color: #FFF !important; } #my-account-menu .myaccount-menu li.active{ background-color: rgba(86, 107, 137, 70%); } #my-account-menu .myaccount-menu li.active > a { color: #FFF; border-bottom: 1px solid transparent; } .order-again{ padding-bottom: 5px; } /*for license-page*/ .list-table-wrap .et_pb_button, .et_pb_module .list-table-wrap .et_pb_button{ padding: 0.6em 2em 0.6em 0.7em; } /* Button Hover */ .et_pb_module .list-table-wrap .et_pb_button:hover, .list-table-wrap .et_pb_button:hover { /*border: 2px solid transparent;*/ /*border: none;*/ /*padding: .5em 2em .5em .7em;*/ padding: 0.6em 2em 0.6em 0.7em; } .list-table-wrap .et_pb_button:before, .list-table-wrap .et_pb_button:after { top: 3px; } #page-container .nf-form-content input[type="button"], #page-container .nf-form-content input[type="button"]:hover{ color: #FFF !important; } .woocommerce .button, .woocommerce-page .button, .woocommerce input[type="submit"], .woocommerce-page input[type="submit"], .woocommerce input[type="button"], .woocommerce-page input[type="button"], .woocommerce input[type="reset"], .woocommerce-page input[type="reset"], #page-container .button, #page-container button, #page-container button[type="submit"], #page-container input[type="submit"], #page-container input[type="reset"], #page-container input[type="button"]{ color: #FFF !important; } /* LICENSE PAGE STYLE */ .list-table-wrap{ } .list-table-wrap ul{ padding: 20px 0 30px 0; margin: 0 auto; } .list-table-wrap ul.row-title{ display: block; padding-bottom: 0px; font-size: 115%; } .list-table-wrap ul li{ float:left; display: block; height: 30px; word-wrap:break-word; } .list-table-wrap ul li span.sp-label{ display: none; } .list-table-wrap ul li.field-1{ width: 15%; } .list-table-wrap ul li.field-2{ width: 10%; } .list-table-wrap ul li.field-3{ width: 25%; } .list-table-wrap ul li.field-4{ width: 15%; } .list-table-wrap ul li.field-5{ width: 13%; } .list-table-wrap ul li.field-6{ width: 20%; } .list-table-wrap ul.row-title li.field-5{ display: none; } .list-table-wrap ul.row-title li.field-6{ display: none; } @media only screen and (max-width: 1024px) { .list-table-wrap ul li{ height: 40px; } .list-table-wrap ul li.field-1{ width: 20%; } .list-table-wrap ul li.field-2{ width: 15%; } .list-table-wrap ul li.field-3{ width: 40%; } .list-table-wrap ul li.field-4{ width: 25%; } .list-table-wrap ul li.field-5{ width: 100%; } .list-table-wrap ul li.field-6{ width: 100%; } } @media only screen and (max-width: 768px) { .list-table-wrap ul li{ height: 40px; } .list-table-wrap ul li.field-1{ width: 25%; } .list-table-wrap ul li.field-2{ width: 15%; } .list-table-wrap ul li.field-3{ width: 35%; } .list-table-wrap ul li.field-4{ width: 25%; } .list-table-wrap ul li.field-5{ width: 100%; } .list-table-wrap ul li.field-6{ width: 100%; } } @media only screen and (max-width: 640px) { .list-table-wrap ul.row-title{ display: none; } .list-table-wrap ul li{ height: auto; float:none; } .list-table-wrap ul li span.sp-label{ display: block; font-weight: bold; } .list-table-wrap ul li.field-1{ width: 100%; } .list-table-wrap ul li.field-2{ width: 100%; } .list-table-wrap ul li.field-3{ width: 100%; } .list-table-wrap ul li.field-4{ width: 100%; } .list-table-wrap ul li.field-5{ float: left; width: auto; } .list-table-wrap ul li.field-6{ float: left; width: auto; margin-left: 10px; } } /* Footer color change */ #footer .et_pb_widget a, #footer .et_pb_widget a:visited, #footer .et_pb_widget a span, #footer .et_pb_widget ul li a, #footer .et_pb_widget .widget-list li a, #footer .et_pb_widget #recentcomments li a, #footer .widget .title, #footer .et_pb_widget.woocommerce .product_list_widget li a { /*color: #eeee22;*/ color: #FFF !important; } #footer .et_pb_widget, #footer div, #footer .et_pb_widget p, #footer .et_pb_widget ins, #footer .et_pb_widget span, #footer .et_pb_widget strong, #footer .widget_list li .post-meta, #footer .et_pb_widget .recentcomments .post-title, #footer .et_pb_widget .recentcomments .comment-author-link, #footer .et_pb_widget .recentcomments .author, #footer .widget_calendar td, #footer .widget_et_recent_tweets .et-extra-icon:before{ /*color: rgba(221,51,51,0.6);*/ color: #FFF !important; } footer#footer { /*background-color: #CCCCd1;*/ /*background-color: #13161c !important;*/ /*background-color: rgba(221,51,51,0.6) !important;*/ background-color: #2e3a47 !important; } footer#footer h4, #footer .et_pb_widget h4.widgettitle { /*color: rgba(10,10,10,0.6);*/ color: #FFF !important; } #footer, #footer li, #footer p, #footer a, #footer span, #footer .post-meta { /*line-height: 1.1em;*/ } #footer #footer-info, #footer #footer-info a { /*color: rgba(182,228,239,0.13);*/ color: #FFF !important; font-size: 12px !important; opacity: 0.4 !important; } #footer div#footer-bottom { background-color: #13161c !important; } #footer .et_pb_widget:first-of-type { padding-top: 48px; /*padding-top: 60px;*/ } #wpforo-wrap .mce-toolbar [id^="mceu_"].mce-listbox button { background-color: #66798e !important; } #wpforo-wrap .mce-btn button { background-color: #66798e !important; } #et-info .et-cart:visited, .button:visited, .comment-body .comment_area .comment-content .reply-container .comment-reply-link:visited, .et_pb_widget.widget_tag_cloud a:visited, .et_pb_widget.woocommerce.widget_layered_nav_filters ul li a:visited, .et_pb_widget.woocommerce.widget_layered_nav ul li a:visited, .et_pb_widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .button:visited, .et_pb_widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .post-nav .nav-links .button:visited, .et_pb_widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .read-more-button:visited, .et_pb_widget.woocommerce.widget_product_tag_cloud a:visited, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .button:visited, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .post-nav .nav-links .button:visited, .et_pb_widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons .read-more-button:visited, .post-nav .nav-links .button:visited, .read-more-button, .read-more-button:visited, .woocommerce #payment #place_order:visited, .woocommerce-page #payment #place_order:visited, .woocommerce-page .cart input.post-nav .nav-links .button:visited, .woocommerce-page .cart input.read-more-button:visited, .woocommerce-page .woocommerce-message .button:visited, .woocommerce-page .woocommerce-message .post-nav .nav-links .button:visited, .woocommerce-page .woocommerce-message .read-more-button:visited, .woocommerce-page a.btn.alt:visited, .woocommerce-page a.button:visited, .woocommerce-page a.checkout-button:visited, .woocommerce-page a.post-nav .nav-links .button:visited, .woocommerce-page a.read-more-button:visited, .woocommerce-page div.product #respond .form-submit input#submit:visited, .woocommerce-page div.product form.cart .button.disabled:visited:hover, .woocommerce-page div.product form.cart .button:visited, .woocommerce-page div.product form.cart .post-nav .nav-links .button.disabled:visited:hover, .woocommerce-page div.product form.cart .post-nav .nav-links .button:visited, .woocommerce-page div.product form.cart .read-more-button.disabled:visited:hover, .woocommerce-page div.product form.cart .read-more-button:visited, .woocommerce-page input.button:visited, .woocommerce-page input:visited[type="submit"], .woocommerce-page nav.woocommerce-pagination ul.page-numbers li .page-numbers:visited, .woocommerce .cart input.post-nav .nav-links .button:visited, .woocommerce .cart input.read-more-button:visited, .woocommerce .woocommerce-message .button:visited, .woocommerce .woocommerce-message .post-nav .nav-links .button:visited, .woocommerce .woocommerce-message .read-more-button:visited, .woocommerce a.btn.alt:visited, .woocommerce a.button:visited, .woocommerce a.checkout-button:visited, .woocommerce a.post-nav .nav-links .button:visited, .woocommerce a.read-more-button:visited, .woocommerce div.product #respond .form-submit input#submit:visited, .woocommerce div.product form.cart .button.disabled:visited:hover, .woocommerce div.product form.cart .button:visited, .woocommerce div.product form.cart .post-nav .nav-links .button.disabled:visited:hover, .woocommerce div.product form.cart .post-nav .nav-links .button:visited, .woocommerce div.product form.cart .read-more-button.disabled:visited:hover, .woocommerce div.product form.cart .read-more-button:visited, .woocommerce input.button:visited, .woocommerce input:visited[type="submit"], .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers:visited, button:visited:not(.et_pb_menu__icon), button:visited[type="submit"], input:visited[type="button"], input:visited[type="reset"], input:visited[type="submit"] { color: #FFF; } .et_extra_other_module, .et_pb_extra_module, .posts-blog-feed-module.masonry .hentry, .project-details, .woocommerce-page div.product .extra-woocommerce-details-accordion, .woocommerce-page div.product div.summary, .woocommerce-page ul.products li.product .product-wrapper, .woocommerce div.product .extra-woocommerce-details-accordion, .woocommerce div.product div.summary, .woocommerce ul.products li.product .product-wrapper { background: #333D49; } /* ======================================== WooCommerce Checkout - Dark Form Styling Matches the support form dark theme ======================================== */ /* Checkout form inputs */ .woocommerce-checkout #customer_details input[type="text"], .woocommerce-checkout #customer_details input[type="email"], .woocommerce-checkout #customer_details input[type="tel"], .woocommerce-checkout #customer_details input[type="number"], .woocommerce-checkout #customer_details textarea, .woocommerce-checkout #customer_details select, .woocommerce-checkout #order_comments, .woocommerce form.checkout input[type="text"], .woocommerce form.checkout input[type="email"], .woocommerce form.checkout input[type="tel"], .woocommerce form.checkout input[type="number"], .woocommerce form.checkout textarea, .woocommerce form.checkout select { background: #1e2128 !important; border: 1px solid #3a3f4a !important; color: #e8eaed !important; padding: 12px 14px !important; font-size: 15px !important; border-radius: 6px !important; box-shadow: none !important; -webkit-appearance: none !important; appearance: none !important; width: 100% !important; } /* Select dropdown styling */ .woocommerce-checkout #customer_details select, .woocommerce form.checkout select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 16px !important; padding-right: 40px !important; cursor: pointer !important; } /* Select2 dropdown overrides (WooCommerce uses Select2) */ .woocommerce-checkout .select2-container--default .select2-selection--single { background: #1e2128 !important; border: 1px solid #3a3f4a !important; border-radius: 6px !important; height: auto !important; padding: 8px 10px !important; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { color: #e8eaed !important; line-height: 1.5 !important; padding-left: 4px !important; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100% !important; right: 10px !important; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #9ca3af transparent transparent transparent !important; } /* Select2 dropdown menu */ .select2-container--default .select2-results__option { background: #1e2128 !important; color: #e8eaed !important; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #3a3f4a !important; color: #ffffff !important; } .select2-dropdown { background: #1e2128 !important; border: 1px solid #3a3f4a !important; } .select2-search--dropdown .select2-search__field { background: #262a33 !important; border: 1px solid #3a3f4a !important; color: #e8eaed !important; } /* Focus states */ .woocommerce-checkout #customer_details input:focus, .woocommerce-checkout #customer_details textarea:focus, .woocommerce-checkout #customer_details select:focus, .woocommerce form.checkout input:focus, .woocommerce form.checkout textarea:focus, .woocommerce form.checkout select:focus { outline: none !important; border-color: #5a7a9a !important; box-shadow: 0 0 0 2px rgba(90, 122, 154, 0.2) !important; } /* Placeholder text */ .woocommerce-checkout input::placeholder, .woocommerce-checkout textarea::placeholder { color: #e8eaed !important; font-style: italic !important; opacity: 0.4 !important; } /* Labels */ .woocommerce-checkout .woocommerce-billing-fields label, .woocommerce-checkout .woocommerce-shipping-fields label, .woocommerce-checkout .woocommerce-additional-fields label { color: #e8eaed !important; opacity: 0.8 !important; } /* Optional label text */ .woocommerce-checkout label .optional { color: #6b7280 !important; } /* Cart button text color - grey when empty, yellow-green when has items */ #et-info .et-cart, #et-info .et-cart span, .et-cart-info span { color: #888888 !important; } /* Cart has items - show yellow-green */ #et-info .et-cart.has-items, #et-info .et-cart.has-items span, .et-cart-info.has-items span { color: #c9c76a !important; } /* Hide the trending bar */ #et-trending-bar, #et-trending, .et-trending-bar, .trending-bar, #main-header .et-trending { display: none !important; } /* Downloads icon - replace with better download arrow icon */ .woocommerce-MyAccount-navigation-link--downloads a::before { content: "\e092" !important; /* ETModules download icon with arrow */ font-size: 18px !important; } /* Cart remove item X - light orange instead of red (red is forbidden) */ .woocommerce-cart .product-remove a, .woocommerce-cart .product-remove a.remove, .woocommerce a.remove { color: #e89c50 !important; } .woocommerce-cart .product-remove a:hover, .woocommerce-cart .product-remove a.remove:hover, .woocommerce a.remove:hover { color: #f5b97a !important; background: transparent !important; } /* Required field asterisk - light orange instead of red */ .woocommerce form .form-row .required, .woocommerce-page form .form-row .required, .thwepo-field-title .required, label .required, abbr.required { color: #e89c50 !important; } /* Add to cart button - make it more alive */ .woocommerce div.product form.cart .button, .woocommerce div.product form.cart .button.single_add_to_cart_button { background: #6a7a8a !important; color: #ffffff !important; border: none !important; transition: all 0.3s ease !important; } .woocommerce div.product form.cart .button:hover, .woocommerce div.product form.cart .button.single_add_to_cart_button:hover { background: #8a9a8a !important; color: #ffffff !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; } /* Disabled add to cart button - no hover effects */ .woocommerce div.product form.cart .button.disabled, .woocommerce div.product form.cart .button.single_add_to_cart_button.disabled, .woocommerce div.product form.cart .button:disabled, .woocommerce div.product form.cart .button.single_add_to_cart_button:disabled { background: #4a5a6a !important; color: #888888 !important; cursor: not-allowed !important; opacity: 0.7 !important; } .woocommerce div.product form.cart .button.disabled:hover, .woocommerce div.product form.cart .button.single_add_to_cart_button.disabled:hover, .woocommerce div.product form.cart .button:disabled:hover, .woocommerce div.product form.cart .button.single_add_to_cart_button:disabled:hover { background: #4a5a6a !important; color: #888888 !important; transform: none !important; box-shadow: none !important; } /* View Cart button - muted olive outline style */ .woocommerce-message .button.wc-forward, .woocommerce .woocommerce-message a.button { background: transparent !important; color: #b8b898 !important; border: 2px solid #b8b898 !important; padding: 10px 20px !important; transition: all 0.3s ease !important; } .woocommerce-message .button.wc-forward:hover, .woocommerce .woocommerce-message a.button:hover { background: #b8b898 !important; color: #1e2128 !important; } /* Product page dropdowns - consistent dark styling */ .woocommerce div.product .variations select, .woocommerce div.product select, .thwepo-field-select select, .extra-product-options select { background: #1e2128 !important; border: 1px solid #3a3f4a !important; color: #e8eaed !important; padding: 12px 40px 12px 14px !important; font-size: 15px !important; border-radius: 6px !important; -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 16px !important; cursor: pointer !important; min-height: 48px !important; } .woocommerce div.product .variations select:focus, .woocommerce div.product select:focus, .thwepo-field-select select:focus { outline: none !important; border-color: #5a7a9a !important; box-shadow: 0 0 0 2px rgba(90, 122, 154, 0.2) !important; } /* Product quantity input */ .woocommerce div.product form.cart .quantity input.qty { background: #1e2128 !important; border: 1px solid #3a3f4a !important; color: #e8eaed !important; padding: 12px !important; font-size: 15px !important; border-radius: 6px !important; min-height: 48px !important; width: 70px !important; text-align: center !important; } /* WooCommerce message bar styling */ .woocommerce-message { background: #2a3441 !important; border-top-color: #b8b8a0 !important; color: #b8b8a0 !important; } /* Checkmark icon in message */ .woocommerce-message::before { color: #b8b8a0 !important; } /* Sale badge - orange instead of red */ .woocommerce span.onsale, .onsale { background: #e89c50 !important; color: #1e2128 !important; } /* Product page tabs - hide tab headers and Additional Info tab only */ .et_pb_wc_tabs .et_pb_tabs_controls, .et_pb_wc_tabs ul.et_pb_tabs_controls, .et_pb_tabs .et_pb_tabs_controls, ul.et_pb_tabs_controls { display: none !important; } /* Hide Additional Info tab content completely */ .et_pb_wc_tabs .et_pb_tab.additional_information_tab, .et_pb_wc_tabs #tab-additional_information, .et_pb_tabs .et_pb_tab.additional_information_tab, .additional_information_tab, div.et_pb_tab.additional_information_tab, .et_pb_tab.clearfix:not(.et_pb_active_content), .woocommerce-product-attributes, .shop_attributes, table.woocommerce-product-attributes { display: none !important; } /* Hide "Additional Information" heading and section */ .et_pb_wc_tabs h2:contains("Additional"), .woocommerce-product-attributes-title, h2.woocommerce-product-attributes-title { display: none !important; } /* Show Description tab content with transparent background */ .et_pb_wc_tabs, .et_pb_wc_tabs.et_pb_tabs, .et_pb_wc_tabs .et_pb_all_tabs, .et_pb_wc_tabs .et_pb_tab, .et_pb_wc_tabs .et_pb_tab.description_tab, .et_pb_tabs, .et_pb_tabs .et_pb_all_tabs, .et_pb_tabs .et_pb_tab { display: block !important; opacity: 1 !important; background: transparent !important; color: #b8c0c8 !important; border: none !important; box-shadow: none !important; } /* Remove background from tab module and ALL parent containers */ .single-product .et_pb_row .et_pb_wc_tabs, .single-product .et_pb_column .et_pb_wc_tabs, #et-boc .et_pb_wc_tabs, .et_builder_inner_content .et_pb_wc_tabs, .et_pb_column_4_4 .et_pb_wc_tabs, .et_pb_column .et_pb_module.et_pb_wc_tabs { background: transparent !important; border: none !important; box-shadow: none !important; } /* Target rows and columns containing tabs - remove their backgrounds */ .single-product .et_pb_row_5, .single-product .et_pb_row_5 .et_pb_column, .single-product .et_pb_row_5 .et_pb_column_4_4, .et_pb_section_1 .et_pb_row_5, .et_pb_section_1 .et_pb_row_5 .et_pb_column, body.single-product div.et_pb_row:nth-child(3), body.single-product div.et_pb_row:nth-child(3) .et_pb_column { background: transparent !important; border: none !important; box-shadow: none !important; } /* Nuclear option - any row containing wc_tabs module */ div.et_pb_row:has(.et_pb_wc_tabs), div.et_pb_row:has(.et_pb_wc_tabs) > .et_pb_column { background: transparent !important; } /* Target the actual tabs container that holds the background */ .et_pb_wc_tabs .et_pb_all_tabs, .et_pb_tabs .et_pb_all_tabs, .et_pb_wc_tabs > .et_pb_all_tabs, .et_pb_module.et_pb_wc_tabs .et_pb_all_tabs, .single-product .et_pb_all_tabs { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /* Override any inline styles on tabs module */ .et_pb_wc_tabs[style], .et_pb_wc_tabs .et_pb_all_tabs[style], .et_pb_wc_tabs .et_pb_tab[style] { background: transparent !important; background-color: transparent !important; } /* Target specific Divi builder tab wrapper elements */ .et_pb_tabs_0, .et_pb_tabs_1, .et_pb_wc_tabs_0, .et_pb_wc_tabs_1, .et_pb_wc_tabs_0 .et_pb_all_tabs, .et_pb_wc_tabs_1 .et_pb_all_tabs { background: transparent !important; background-color: transparent !important; } /* Remove padding that creates visual box effect */ .single-product .et_pb_wc_tabs, .single-product .et_pb_wc_tabs .et_pb_all_tabs, .single-product .et_pb_wc_tabs .et_pb_tab { padding: 20px 0 !important; margin: 0 !important; } /* Target exact classes from inspector - row 5, column 7, wc_tabs_1 */ .et_pb_row_5, .et_pb_row_5 .et_pb_column_7, .et_pb_row_5 .et_pb_column_4_4, .et_pb_row_5 .et_pb_column, .et_pb_column_7, .et_pb_column_7.et_pb_css_mix_blend_mode_passthrough, .et_pb_column_7 .et_pb_wc_tabs_1, .et_pb_wc_tabs_1, .et_pb_wc_tabs_1 .et_pb_all_tabs, .et_pb_wc_tabs_1 .et_pb_tab { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; } /* Target the et_pb_section_1 parent as well */ .et_pb_section_1, .et_pb_section_1 .et_pb_row_5, .et_pb_section_1 .et_pb_row_5 .et_pb_column { background: transparent !important; background-color: transparent !important; } /* Target section with background class that contains tabs */ .et_pb_section.et_pb_with_background:has(.et_pb_wc_tabs), .et_pb_section_1.et_pb_with_background, .et_pb_with_background:has(.et_pb_wc_tabs) { background: transparent !important; background-color: transparent !important; } /* Direct targeting of section 1 with background */ div.et_pb_section.et_pb_section_1, div.et_pb_section.et_pb_section_1.et_pb_with_background, div.et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; } /* DISABLED 2026-04-25 - this universal-descendant rule painted #2a3441 on every form, cell, and text element inside the right column. Replaced by the modernization block at the end of this file. .single-product .et_pb_wc_tabs, .single-product .et_pb_wc_tabs *, .single-product .et_pb_row_5, .single-product .et_pb_row_5 *, .single-product .et_pb_column_7, .single-product .et_pb_column_7 * { background: #2a3441 !important; background-color: #2a3441 !important; } */ /* Specifically target et_pb_all_tabs which often has the box background */ .et_pb_all_tabs, div.et_pb_all_tabs, .et_pb_wc_tabs .et_pb_all_tabs, .et_pb_wc_tabs_1 .et_pb_all_tabs, .et_pb_tabs .et_pb_all_tabs { background: transparent !important; background-color: transparent !important; padding: 20px 0 !important; border: none !important; } .et_pb_wc_tabs .et_pb_tab p, .et_pb_tabs .et_pb_tab p { color: #b8c0c8 !important; } /* Fallback selectors for other tab structures */ #main-content .et_pb_tabs_controls, #main-content ul.et_pb_tabs_controls, body.single-product .et_pb_tabs_controls, body.single-product ul.et_pb_tabs_controls, .et_pb_module .et_pb_tabs_controls, .et_pb_tabs .et_pb_tabs_controls { background: #1e2128 !important; border-color: #3a3f4a !important; } #main-content .et_pb_tabs_controls li, #main-content ul.et_pb_tabs_controls li, body.single-product .et_pb_tabs_controls li, .et_pb_module .et_pb_tabs_controls li, .et_pb_tabs .et_pb_tabs_controls li { background: #1e2128 !important; border-color: #3a3f4a !important; } #main-content .et_pb_tabs_controls li a, #main-content ul.et_pb_tabs_controls li a, body.single-product .et_pb_tabs_controls li a, .et_pb_module .et_pb_tabs_controls li a, .et_pb_tabs .et_pb_tabs_controls li a { color: #8090a0 !important; } #main-content .et_pb_tabs_controls li.et_pb_tab_active, #main-content ul.et_pb_tabs_controls li.et_pb_tab_active, body.single-product .et_pb_tabs_controls li.et_pb_tab_active, .et_pb_module .et_pb_tabs_controls li.et_pb_tab_active, .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active { background: #2a3441 !important; } #main-content .et_pb_tabs_controls li.et_pb_tab_active a, #main-content ul.et_pb_tabs_controls li.et_pb_tab_active a, body.single-product .et_pb_tabs_controls li.et_pb_tab_active a, .et_pb_module .et_pb_tabs_controls li.et_pb_tab_active a, .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a { color: #ffffff !important; } #main-content .et_pb_tabs_controls li:hover a, body.single-product .et_pb_tabs_controls li:hover a, .et_pb_module .et_pb_tabs_controls li:hover a, .et_pb_tabs .et_pb_tabs_controls li:hover a { color: #c0c8d0 !important; } /* DISABLED 2026-04-25 - was painting #2a3441 on every tab/all_tabs element on product pages, conflicting with the modernization. Color rule kept only. #main-content .et_pb_tab, #main-content .et_pb_all_tabs, body.single-product .et_pb_tab, body.single-product .et_pb_all_tabs, .et_pb_module .et_pb_tab, .et_pb_module .et_pb_all_tabs, .et_pb_tabs .et_pb_tab, .et_pb_tabs .et_pb_all_tabs { background: #2a3441 !important; color: #b8c0c8 !important; } */ #main-content .et_pb_tab p, body.single-product .et_pb_tab p, .et_pb_module .et_pb_tab p, .et_pb_tabs .et_pb_tab p { color: #b8c0c8 !important; } /* WooCommerce product tabs - standard structure */ .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, div.product .woocommerce-tabs { background: #1e2128 !important; } .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, div.product .woocommerce-tabs ul.tabs { background: #1e2128 !important; padding: 0 !important; margin: 0 !important; } .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li { background: #1e2128 !important; border-color: #3a3f4a !important; } .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #8090a0 !important; } .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #2a3441 !important; } .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #ffffff !important; } .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel { background: #2a3441 !important; color: #b8c0c8 !important; } /* Extra theme accordion-style tabs */ .extra-product-details-tabs, .woocommerce .extra-product-details-tabs, .single-product .extra-product-details-tabs { background: #1e2128 !important; } .extra-product-details-tabs .accordion-tab, .extra-product-details-tabs .accordion-toggle, .extra-product-details-tabs > div { background: #1e2128 !important; border-color: #3a3f4a !important; color: #8090a0 !important; } .extra-product-details-tabs .accordion-tab.active, .extra-product-details-tabs .accordion-toggle.active, .extra-product-details-tabs > div.active { background: #2a3441 !important; color: #ffffff !important; } .extra-product-details-tabs .accordion-content, .extra-product-details-tabs .panel-content { background: #2a3441 !important; color: #b8c0c8 !important; } /* ========================================================================== BH WC Product Page Modernization (2026-04-25) Mini-hero feel · sage palette · Outfit/Inter typography Targets every single-product page (/product/*) without touching templates ========================================================================== */ body.single-product { --bh-bg: #0a0d14; --bh-panel: #0f131c; --bh-ink: #ededf2; --bh-muted: #a8b0bf; --bh-sage: #b0bc92; --bh-sage-dk: #90a077; --bh-line: rgba(255,255,255,.08); background: var(--bh-bg) !important; } /* Hide related products + upsells per Steve */ body.single-product .et_pb_wc_related_products, body.single-product .et_pb_wc_upsells, body.single-product .related.products, body.single-product .upsells.products { display: none !important; } /* Body type */ body.single-product .et_builder_inner_content, body.single-product .et_pb_module { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important; } /* Section background */ body.single-product .et_pb_section, body.single-product .et_pb_section_1 { background: var(--bh-bg) !important; padding-top: 30px !important; padding-bottom: 60px !important; } /* Mini-hero spacing on the title row */ body.single-product .et_pb_row { padding-top: 8px !important; padding-bottom: 8px !important; } /* Breadcrumb */ body.single-product .et_pb_wc_breadcrumb, body.single-product .woocommerce-breadcrumb { font-family: 'Outfit', 'Inter', sans-serif !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--bh-muted) !important; margin-bottom: 16px !important; } body.single-product .woocommerce-breadcrumb a { color: var(--bh-muted) !important; text-decoration: none !important; transition: color .2s ease; } body.single-product .woocommerce-breadcrumb a:hover { color: var(--bh-sage) !important; } /* Title — mini hero */ body.single-product .et_pb_wc_title, body.single-product .product_title, body.single-product h1.product_title { font-family: 'Outfit', 'Inter', sans-serif !important; font-weight: 800 !important; font-size: clamp(32px, 4vw, 48px) !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: var(--bh-ink) !important; text-transform: none !important; margin: 6px 0 14px !important; padding: 0 !important; } /* Product image card — outer module wrapper only (avoid double card) */ body.single-product .et_pb_wc_images { background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%) !important; border: 1px solid var(--bh-line) !important; border-radius: 18px !important; padding: 24px !important; } /* Inner gallery — no card, transparent so the outer card shows through */ body.single-product .woocommerce-product-gallery, body.single-product.et-db #et-boc .et-l .woocommerce-product-gallery { background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0 !important; } body.single-product .woocommerce-product-gallery__image img { border-radius: 12px !important; background: transparent !important; } body.single-product .woocommerce-product-gallery__trigger { background: rgba(176,188,146,0.12) !important; border: 1px solid rgba(176,188,146,0.35) !important; color: var(--bh-sage) !important; border-radius: 8px !important; text-decoration: none !important; } /* Price */ body.single-product .et_pb_wc_price, body.single-product .price, body.single-product p.price, body.single-product .woocommerce-Price-amount { font-family: 'Outfit', 'Inter', sans-serif !important; } body.single-product .et_pb_wc_price .price, body.single-product .et_pb_wc_price p.price { font-size: 28px !important; font-weight: 700 !important; color: var(--bh-ink) !important; margin: 4px 0 18px !important; } body.single-product .et_pb_wc_price del, body.single-product .price del, body.single-product del .woocommerce-Price-amount { color: var(--bh-muted) !important; opacity: 0.6 !important; font-weight: 400 !important; margin-right: 8px !important; } body.single-product .et_pb_wc_price ins, body.single-product .price ins, body.single-product ins .woocommerce-Price-amount { color: var(--bh-sage) !important; text-decoration: none !important; font-weight: 700 !important; } body.single-product .et_pb_wc_price ins { background: transparent !important; } /* Add-to-cart button */ body.single-product .et_pb_wc_add_to_cart .button, body.single-product form.cart .button, body.single-product .single_add_to_cart_button { background: var(--bh-sage) !important; color: #0a0d14 !important; border: 1px solid var(--bh-sage) !important; border-radius: 10px !important; padding: 14px 28px !important; font-family: 'Outfit', 'Inter', sans-serif !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: 0.02em !important; text-transform: none !important; transition: all .2s ease !important; box-shadow: none !important; } body.single-product .et_pb_wc_add_to_cart .button:hover, body.single-product form.cart .button:hover, body.single-product .single_add_to_cart_button:hover { background: #cfd9b6 !important; color: #0a0d14 !important; border-color: #cfd9b6 !important; transform: translateY(-1px); } body.single-product .et_pb_wc_add_to_cart .button::after, body.single-product form.cart .button::after { display: none !important; } /* Quantity input */ body.single-product form.cart .quantity input.qty, body.single-product .qty { background: rgba(255,255,255,0.04) !important; border: 1px solid var(--bh-line) !important; color: var(--bh-ink) !important; border-radius: 8px !important; padding: 12px 10px !important; font-family: 'Outfit', sans-serif !important; font-weight: 600 !important; } /* Sale badge */ body.single-product span.onsale, body.single-product .onsale { background: var(--bh-sage) !important; color: #0a0d14 !important; border-radius: 999px !important; font-family: 'Outfit', sans-serif !important; font-weight: 700 !important; font-size: 11px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 4px 12px !important; border: none !important; box-shadow: none !important; min-height: 0 !important; min-width: 0 !important; line-height: 1.4 !important; } /* Meta (category / sku) */ body.single-product .et_pb_wc_meta, body.single-product .product_meta { font-size: 13px !important; color: var(--bh-muted) !important; border-top: 1px solid var(--bh-line) !important; padding-top: 16px !important; margin-top: 16px !important; } body.single-product .product_meta a, body.single-product .et_pb_wc_meta a { color: var(--bh-sage) !important; text-decoration: none !important; } body.single-product .product_meta a:hover { color: #cfd9b6 !important; } /* Description body */ body.single-product .woocommerce-Tabs-panel, body.single-product .et_pb_wc_tabs .panel, body.single-product .et_pb_wc_description, body.single-product .woocommerce-Tabs-panel p, body.single-product .woocommerce-Tabs-panel li { color: var(--bh-muted) !important; font-family: 'Inter', sans-serif !important; font-size: 15px !important; line-height: 1.6 !important; } body.single-product .woocommerce-Tabs-panel h2, body.single-product .woocommerce-Tabs-panel h3, body.single-product .woocommerce-Tabs-panel h4 { font-family: 'Outfit', 'Inter', sans-serif !important; color: var(--bh-ink) !important; font-weight: 700 !important; letter-spacing: -0.01em !important; text-transform: none !important; } body.single-product .woocommerce-Tabs-panel a, body.single-product .et_pb_wc_description a { color: var(--bh-sage) !important; } /* Tabs */ body.single-product .et_pb_wc_tabs, body.single-product .woocommerce-tabs { margin-top: 30px !important; } body.single-product .woocommerce-tabs ul.tabs, body.single-product .et_pb_wc_tabs .woocommerce-tabs ul.tabs { background: transparent !important; border: none !important; border-bottom: 1px solid var(--bh-line) !important; padding: 0 !important; margin: 0 0 24px !important; display: flex !important; gap: 4px !important; } body.single-product .woocommerce-tabs ul.tabs li, body.single-product .et_pb_wc_tabs .woocommerce-tabs ul.tabs li { background: transparent !important; border: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; } body.single-product .woocommerce-tabs ul.tabs li::before, body.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; } body.single-product .woocommerce-tabs ul.tabs li a, body.single-product .et_pb_wc_tabs .woocommerce-tabs ul.tabs li a { display: block !important; padding: 12px 20px !important; font-family: 'Outfit', 'Inter', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: var(--bh-muted) !important; background: transparent !important; border: none !important; border-bottom: 2px solid transparent !important; margin-bottom: -1px !important; transition: color .2s ease, border-color .2s ease !important; } body.single-product .woocommerce-tabs ul.tabs li a:hover { color: var(--bh-ink) !important; } body.single-product .woocommerce-tabs ul.tabs li.active a, body.single-product .et_pb_wc_tabs .woocommerce-tabs ul.tabs li.active a { color: var(--bh-sage) !important; border-bottom-color: var(--bh-sage) !important; background: transparent !important; } body.single-product .woocommerce-tabs .panel, body.single-product .et_pb_wc_tabs .panel { background: transparent !important; color: var(--bh-muted) !important; padding: 0 !important; border: none !important; } /* Extra theme accordion-style tabs override (mobile) */ body.single-product .extra-product-details-tabs, body.single-product .extra-product-details-tabs .accordion-tab, body.single-product .extra-product-details-tabs .accordion-toggle, body.single-product .extra-product-details-tabs > div { background: transparent !important; border-color: var(--bh-line) !important; color: var(--bh-muted) !important; } body.single-product .extra-product-details-tabs .accordion-tab.active, body.single-product .extra-product-details-tabs .accordion-toggle.active { background: rgba(176,188,146,0.06) !important; color: var(--bh-sage) !important; } body.single-product .extra-product-details-tabs .accordion-content, body.single-product .extra-product-details-tabs .panel-content { background: transparent !important; color: var(--bh-muted) !important; } /* Product attributes table */ body.single-product .woocommerce-product-attributes { border: 1px solid var(--bh-line) !important; border-radius: 10px !important; overflow: hidden !important; } body.single-product .woocommerce-product-attributes th, body.single-product .woocommerce-product-attributes td { background: rgba(255,255,255,0.02) !important; border-color: var(--bh-line) !important; color: var(--bh-muted) !important; } body.single-product .woocommerce-product-attributes th { color: var(--bh-ink) !important; font-family: 'Outfit', sans-serif !important; font-weight: 600 !important; } /* Cart message / notice */ body.single-product .woocommerce-message { background: rgba(176,188,146,0.08) !important; border: 1px solid rgba(176,188,146,0.35) !important; color: var(--bh-ink) !important; border-radius: 10px !important; font-family: 'Inter', sans-serif !important; } body.single-product .woocommerce-message::before { color: var(--bh-sage) !important; } body.single-product .woocommerce-message a.button { background: transparent !important; border: 1px solid var(--bh-sage) !important; color: var(--bh-sage) !important; border-radius: 8px !important; } /* PayPal / Klarna messaging strip */ body.single-product .wc-pay-later-messaging-cont, body.single-product .ppc-button-wrapper { margin-top: 16px !important; } /* Stock + variations */ body.single-product .stock { font-family: 'Outfit', sans-serif !important; font-size: 12px !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--bh-sage) !important; } body.single-product .variations select, body.single-product div.product .variations select { background: rgba(255,255,255,0.04) !important; border: 1px solid var(--bh-line) !important; color: var(--bh-ink) !important; border-radius: 8px !important; padding: 10px 12px !important; } body.single-product .variations select:focus { border-color: var(--bh-sage) !important; outline: none !important; } /* Hide the Visual Builder admin-bar button on product pages too — defensive */ body.single-product #wp-admin-bar-et-use-visual-builder { display: none !important; } /* ========================================================================== BH WC Product Page Modernization · SPECIFICITY BOOST (2026-04-25) Divi injects an inline