/*
Theme Name: TTF Child theme
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: Child theme for Twenty Twenty-Five.
Author: Your Name
Author URI: https://yourwebsite.com/
Template: twentytwentyfive
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ttf-child
*/

a {
    transition: all 0.3s ease-in-out !important;
}
html {
    scroll-behavior: smooth;
}
:where(.wp-site-blocks *:focus) {
    outline-width: 0 !important;
    outline-style: none !important;
}
:root :where(.is-layout-constrained) > :last-child {
    word-wrap: break-word;
}
:root :where(strong) {
    font-weight: 600 !important;
}
.wp-block-image img {
    vertical-align: middle !important;
}

/* Lightbox Popup CSS */
.wp-lightbox-overlay .scrim {
    background-color: #000 !important;
    opacity: .7 !important;
}
.wp-lightbox-overlay .close-button {
    fill: #fff !important;
}


/* Header Menu */
nav.sw-header-menu-style ul.wp-block-navigation__container.sw-header-menu-style.wp-block-navigation > li > a {
    padding: 32px 0;
}
ul.sw-header-menu-style li ul.sw-main-header-menu-submenu li:last-child {
    border-bottom: none;
}
ul.sw-header-menu-style li ul.sw-main-header-menu-submenu li {
    border-bottom: 1px solid #eaeaea;
}
ul.sw-header-menu-style li ul.sw-main-header-menu-submenu, 
ul.sw-header-menu-style li ul.sw-main-header-menu-submenu li ul {
    min-width: 245px !important;
}
ul.sw-header-menu-style li button.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    height: .95rem !important;
    width: .95rem !important;
}
nav.sw-header-menu-style ul.wp-block-navigation__container.sw-header-menu-style.wp-block-navigation li ul.wp-block-navigation-submenu li a:hover {
    text-decoration: none;
    color: var(--wp--preset--color--accent-1);
}
nav.sw-header-menu-style ul.wp-block-navigation__container.sw-header-menu-style.wp-block-navigation li ul.wp-block-navigation-submenu li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Sticky Header */
body.admin-bar .sw-header-wrapper.sw-is-sticky {
    top: 32px;
}

/* Start Button Style */
.wp-block-button.sw-btn-blck-hover a:hover {
    background-color: var(--wp--preset--color--contrast) !important;
    color: var(--wp--preset--color--base) !important;
}
.wp-block-button.sw-whitebg-default-color a:hover {
    background-color: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--accent-1) !important;
}
.wp-block-button.sw-purblebg-default-color a:hover {
    background: var(--wp--preset--color--accent-1) !important;
    color: var(--wp--preset--color--base) !important;
    border-color: var(--wp--preset--color--accent-1) !important;
}
/* Start Button Style */
@media (max-width: 1080px) {
    .sw-header-btn a {
        padding: 8px 20px !important;
    }
    .sw-header-menu-style ul.sw-header-menu-style {
        gap: 20px;
    }
    .sw-header-btns {
        gap: 10px;
    }    
}

/* Button Style Start */
.sw-btn-with-white-arrow a {
    position: relative;
    padding-left: 20px !important;
    padding-right: 51px !important;
}
.sw-btn-with-white-arrow a:before {
    position: absolute;
    content: "";
    background: url(https://swatchly.hasthemes.com/wp-content/uploads/2025/08/arrow-white.svg);
    width: 20px;
    height: 18px;
    right: 20px;
    bottom: 20px;
}
/* Button Style End */

/* Columns Reversed Start */
@media (max-width: 781px) {
    .wp-block-columns.sw-reverse-column {
        flex-direction: column-reverse;
    }
}
/* Colums Reserved End */

/* Start Mobile Menu CSS */
@media (max-width: 883px) {
    nav.sw-header-menu-style ul.wp-block-navigation__container.sw-header-menu-style.wp-block-navigation {
        width: 100%;
        gap: var(--wp--preset--spacing--12);
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open div#modal-1-content {
        padding-top: 0;
    }
    .sw-header-menu-style .wp-block-navigation__responsive-container.is-menu-open {
        background: var(--wp--preset--color--contrast) !important;
        height: 100% !important;
    }
    nav.sw-header-menu-style ul.wp-block-navigation__container.sw-header-menu-style.wp-block-navigation li a {
        color: var(--wp--preset--color--base);
        width: 100%;
        font-size: var(--wp--preset--font-size--18);
    }
    .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
        color: var(--wp--preset--color--base) !important;
    }    
}
/* End Mobile Menu CSS */

@media (min-width: 600px) and (max-width: 767px) {
    header .wp-block-navigation .wp-block-navigation__container {
        display: none !important;
    }
    header .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }
    header .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }
    header .wp-block-navigation .is-menu-open .wp-block-navigation__container {
        display: flex !important;
    }
    nav.sw-header-menu-style.wp-block-navigation {
        flex-wrap: nowrap;
        gap: inherit;
    }
    .wp-block-group.sw-header-wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }   
}
@media (max-width: 599px) {
    .wp-block-group.sw-header-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    } 
}

@media only screen and (max-width: 767px) {
    nav.sw-header-menu-style ul.wp-block-navigation__container.sw-header-menu-style.wp-block-navigation > li > a {
        padding: 5px 0;
    }
    nav.sw-header-menu-style .wp-block-navigation__responsive-dialog {
        position: inherit;
    }
    nav.sw-header-menu-style .wp-block-navigation__responsive-container-close {
        right: 20px;
        top: 20px;
    }
    nav.sw-header-menu-style .wp-block-navigation__responsive-container.is-menu-open {
        justify-content: center;
    }
}
@media only screen and (max-width: 781px) {
    figure.wp-block-image.sw-footer-payment-methods {
        float: none;
        display: flex;
        justify-content: center;
        margin: 0;
    }
    .wp-block-column.wl-footer-copyright-left {
        text-align: center;
    }
}

@media only screen and (max-width: 899px) {
    .wp-block-buttons.sw-btn-hide-for-mobile {
        display: none;
    }
}