/*
|--------------------------------------------------------------------------
| Salient Child Theme
|--------------------------------------------------------------------------
| Custom styling overrides for the Salient theme
| Theme: Salient Child
| Version: 1.0
|--------------------------------------------------------------------------
|
| TABLE OF CONTENTS
|
| 1. Global Layout & Row Spacing
| 2. Breadcrumb Removal
| 3. WooCommerce Product Styling
| 4. WooCommerce Quantity Controls
| 5. WooCommerce Cleanup
| 6. Toggle / Accordion Styling
| 7. Custom Menu Styling
| 8. Footer Styling
| 9. Checkout Enhancements
| 10. CTA Button Adjustments
| 11. Gravity Forms Styling
| 12. WooCommerce Account Styling
| 13. Thank You Page Cleanup
| 14. Fancy Box Styling
| 15. Carousel Fixes
|
*/

/* ==========================================================================
   1. GLOBAL LAYOUT & ROW SPACING
   ========================================================================== */

/* Add spacing to top-level rows */
.container-wrap .wpb_row.vc_row-fluid {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}

.container-wrap .wpb_row.vc_row-fluid .no-top-padding {

    padding-top: 0 !important;

}

/* Remove spacing from nested rows */
.container-wrap .wpb_row .wpb_row.vc_row-fluid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ==========================================================================
   2. BREADCRUMB REMOVAL
   ========================================================================== */

/* Hide all Salient and WooCommerce breadcrumbs */
#breadcrumbs,
.breadcrumbs,
.nectar-breadcrumbs,
.woocommerce .woocommerce-breadcrumb {
    display: none !important;
}

/* ==========================================================================
   3. WOOCOMMERCE PRODUCT STYLING
   ========================================================================== */

/* Product title sizing */
.single-product .container-wrap h1 {
    font-size: 2.5em !important;
    line-height: 1.1em !important;
}

/*
 * Optional dark product page background
 *
.single-product .container-wrap {
    background-color: #111111;
}
*/

/* Product price styling */
span.woocommerce-Price-amount.amount {
    font-size: 0.8em !important;
    font-weight: 600;
    color: #d14c2f !important;
}

/* ==========================================================================
   4. WOOCOMMERCE QUANTITY CONTROLS
   ========================================================================== */

/*
 * Optional quantity selector styling
 *
.cart div.quantity,
.woocommerce-mini-cart div.quantity {
    border: 1px solid rgba(243, 243, 243, 0.5);
    transition: border-color 0.3s ease;
}

.cart div.quantity:hover,
.woocommerce-mini-cart div.quantity:hover {
    border-color: rgba(243, 243, 243, 1);
}
*/

/* ==========================================================================
   5. WOOCOMMERCE CLEANUP
   ========================================================================== */

/* Hide product meta information */
.woocommerce.single-product
[data-tab-pos*="full"]
div.product_meta:last-child {
    display: none;
}

/* Hide duplicated full-width tab content */
.woocommerce div.product .woocommerce-tabs > .full-width-content {
    display: none;
}

/* ==========================================================================
   6. TOGGLE / ACCORDION STYLING
   ========================================================================== */

/* Accordion heading styling */
.toggle > h3.toggle-title a {
    font-size: 2em !important;
    line-height: 1em !important;
}

/* Accordion content styling */
.toggles.accordion {
    font-size: 1.1em !important;
}

/* ==========================================================================
   7. CUSTOM MENU STYLING
   ========================================================================== */

/* Responsive centred menu layout */
.wpb_custommenu ul,
.widget_nav_menu ul,
.nectar-wpbakery-menu-widget ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 30px;

    margin: 0 auto !important;
    padding: 0 !important;

    list-style: none !important;
    font-size: 0.8em !important;
}

/* Remove default list styling */
.wpb_custommenu ul li,
.widget_nav_menu ul li,
.nectar-wpbakery-menu-widget ul li {
    margin: 0 !important;
    padding-left: 0 !important;

    list-style: none !important;
    background: none !important;
}

/* Remove Salient decorative bullets */
.wpb_custommenu ul li:before,
.wpb_custommenu ul li:after,
.widget_nav_menu ul li:before,
.widget_nav_menu ul li:after,
.nectar-wpbakery-menu-widget ul li:before,
.nectar-wpbakery-menu-widget ul li:after {
    content: none !important;
    display: none !important;
}

/* Prevent text wrapping inside individual menu items */
.wpb_custommenu ul li a,
.widget_nav_menu ul li a,
.nectar-wpbakery-menu-widget ul li a {
    white-space: nowrap;
}

/* ==========================================================================
   8. FOOTER STYLING
   ========================================================================== */

/* Increase footer spacing */
body
#footer-outer[data-cols="1"][data-disable-copyright="false"][data-using-widget-area="false"][data-copyright-line="false"][data-matching-section-color="true"]
#copyright,
body
#footer-outer[data-cols="1"][data-disable-copyright="false"][data-using-widget-area="false"]
#copyright {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}

/* Footer typography */
body #footer-outer #copyright .widget h4,
body #footer-outer #copyright li a i,
body #footer-outer #copyright p {
    font-size: 0.8em !important;
}

/* Footer link hover colour */
body #footer-outer #copyright a.footerLinks:hover {
    color: #d14c2f !important;
}

/* ==========================================================================
   9. CHECKOUT ENHANCEMENTS
   ========================================================================== */

/* Increase Place Order button text size */
.wc-block-components-checkout-place-order-button
.wc-block-components-checkout-place-order-button__text {
    font-size: 1.2em !important;
}

/* ==========================================================================
   10. CTA BUTTON ADJUSTMENTS
   ========================================================================== */

/* Improve CTA button padding */
.nectar-cta[data-style="basic"][data-using-bg="true"] .text,
.nectar-cta[data-style="text-reveal-wave"][data-using-bg="true"] .text,
.nectar-cta[data-style="text-reveal"][data-using-bg="true"] .text,
.nectar-cta[data-style="basic"][data-using-bg="true"] .text:after,
.nectar-cta[data-style="text-reveal-wave"][data-using-bg="true"] .text:after,
.nectar-cta[data-style="text-reveal"][data-using-bg="true"] .text:after {
    padding: 10px 20px;
}

/* ==========================================================================
   11. GRAVITY FORMS STYLING
   ========================================================================== */

/* Primary button styling */
.gform_button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input[type="button"],
.gform_wrapper .gform_page_footer input[type="submit"] {
    background: #d14c2f !important;
    border-color: #d14c2f !important;
    color: #ffffff !important;
}

/* Text reveal animation */
#gform_submit_button_2.gform_button span.ai-button-label-wrap {
    position: relative;
    overflow: hidden;
}

#gform_submit_button_2.gform_button span.ai-button-label-wrap > span {
    display: block;
    transition: transform 0.55s cubic-bezier(0.25, 1, 0.33, 1);
}

#gform_submit_button_2.gform_button span.ai-button-label-wrap:after {
    content: attr(title) !important;
    display: block;

    position: absolute;
    left: 0;
    right: 0;
    bottom: -120%;

    margin: auto;

    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    transition: transform 0.55s cubic-bezier(0.25, 1, 0.33, 1);
}

#gform_submit_button_2.gform_button:hover span.ai-button-label-wrap > span {
    transform: translateY(-120%);
}

#gform_submit_button_2.gform_button:hover span.ai-button-label-wrap:after {
    transform: translateY(-120%);
}

/* Button hover state */
.gform_button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover {
    background: #b3442c !important;
    border-color: #b3442c !important;
}

/* ==========================================================================
   12. WOOCOMMERCE ACCOUNT STYLING
   ========================================================================== */

/* Login/Register form headings */
.woocommerce-account .woocommerce > #customer_login .nectar-form-controls {
    font-size: 2em;
    font-weight: 600;
}

/* ==========================================================================
   13. THANK YOU PAGE CLEANUP
   ========================================================================== */

/* Remove bottom spacing and apply dark background */
body.page-id-128 .container-wrap {
    padding-bottom: 0;
    background-color: #111111;
}

/* ==========================================================================
   14. FANCY BOX STYLING
   ========================================================================== */

/* Force consistent card height and bottom-align content */
.nectar-fancy-box .inner {
    min-height: 30em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* ==========================================================================
   15. CAROUSEL FIXES
   ========================================================================== */

/* Remove unwanted top spacing from Flickity carousels */
.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry)
.flickity-viewport {
    margin-top: 0 !important;
}

.single-product .woocommerce-Tabs-panel--description ol ol {
    list-style-type: lower-alpha !important;
}

.single-product .woocommerce-Tabs-panel--description ol ol li::marker {
    content: counter(list-item, lower-alpha) ". ";
}