/*
Theme Name: wurx
Theme URI: http://example.com/my-theme
Author: Your Name
Author URI: http://example.com
Description: A custom theme using Tailwind CSS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-theme
*/

:root {
  color-scheme: only light;
}



/* Start Global Style*/

body.lang-en {
  font-family: 'Poppins', sans-serif;
}
.lang-name {
    font-family: 'Cairo', sans-serif !important; 
}

body.lang-ar {
  font-family: 'Cairo', sans-serif;
}

.text-dark {
    color : #121212;
}
.text-light {
    color : #2B1B13;
}
.text-lighter {
    color : #1c2138;
}
.text-desc {
    color : #4A4A4A;
}

.text-sec {
    color : #59281C
}

.main-btn {
    background : #1c2138;
    border-radius: 8px;
    width: 228px;
    display: block;
    padding: 10px 0;
    text-align: center;
    transition: transform 0.3s ease;
}


.main-btn:hover {
    transform: scale(1.1);
}

.woocommerce a.added_to_cart {
    display : none !important;
}

.entry-header {
    display: none;
}

.page-content {
    background: #eeeeee80;
}
/*My account */

.woocommerce-account .page-content {
    padding : 200px 0 100px;
    min-height : 50vh;
}

.woocommerce-account .page-content .woocommerce {
    max-width : 1350px;
    padding : 0 80px;
    margin : auto;
    min-height : 100vh;
}

@media (max-width : 769px) {
    .woocommerce-account .page-content .woocommerce {
    padding : 0 40px;
}
}

.woocommerce-account.not-logged-in .page-content .woocommerce {
    padding : 0px !important;
}

.woocommerce-account .header-item , .woocommerce-account .icons li a i , .woocommerce-checkout .header-item , .woocommerce-checkout .icons li a i  {
    color : #2B1B13 !important;
}

.woocommerce-account .mobile-toggle span , .woocommerce-checkout .mobile-toggle span {
    background : #121212 !important;
}

.woocommerce-account .page-content .woocommerce .woocommerce-MyAccount-navigation , .woocommerce-account .page-content .woocommerce .woocommerce-MyAccount-content {
    background : white;
    border-radius : 12px; 
    padding : 24px;
    box-shadow : 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

@media (max-width : 769px) {
    .woocommerce-account .page-content .woocommerce .woocommerce-MyAccount-content , .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        margin-top : 20px;
    }
    
    
}

.woocommerce-account .addresses .title .edit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    background: #1c2138 !important;
    color: white !important;
    border-radius: 8px;
    transition: all 0.25s ease;
    display: inline-block;
    padding: 13px;
    width: 100%;
    text-align: center;
}

/* Subtle hover effect */
.woocommerce-account .addresses .title .edit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    transform: translateY(-2px); /* slight lift */
    opacity: 0.9; /* gentle fade */
    cursor: pointer;
}


#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    background : #1c2138 !important;
    color : white !important;
}

.woocommerce-cart .header-item  , .page-template-contactus .header-item  {
    color : #121212 !important ;
}

.woocommerce-cart .mobile-toggle span , .page-template-contactus .mobile-toggle span {
    background : #121212 !important;
}

.woocommerce a.remove {
    display: block !important;
    font-size: inherit !important;
    height: auto !important;
    width: auto !important;
    text-align: inherit !important;
    line-height: normal !important;
    border-radius: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    font-weight: normal !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce a.remove img {
    display: block;
    width: 16px; /* Adjust as needed */
    height: 16px;
}



/* WooCommerce Notifications - Fixed bottom left */
.woocommerce-error,
.woocommerce-message,
.woocommerce-success {
  position: fixed !important;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  max-width: 320px;
  padding: 15px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: auto;
  transform: translateX(-100%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  color: black;
}


.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    display : none !important;
}

.woocommerce-message.show,
.woocommerce-error.show,
.woocommerce-success.show {
  opacity: 1;
  transform: translateX(0);
}

/* Cursor pointer for click-to-dismiss */
.woocommerce-error,
.woocommerce-message,
.woocommerce-success {
  cursor: pointer;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    font-weight : 400!important;
}




.variations_form .quantity input.qty {
    border: 1px solid #1c2138 !important;
}

.variations_form cart .quantity {
    margin-bottom : 10px !important;
}


form.cart .quantity {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}



form.cart .single-product .quantity input.qty {
    border :none !important;
}


.woocommerce-variation-add-to-cart {
    margin-top: 16px;
    display: flex;
    gap: 30px;
}

.single-product .quantity input.qty {
    border: 1px solid #1c2138;
    color: #1c2138;
    border-radius: 6px;
    padding: 0.4rem;
    height: 53px;
    width: 60px;
}

.wishlist-title-container , .yith_wcwl_wishlist_footer .yith-wcwl-share {
	display : none;
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
@media (max-width: 768px) {
    .home-banner-mobile {
        padding: 0 !important;
    }

    .home-banner-mobile img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}








/*End Global Style*/






/* === Mobile Bottom Nav: hide on desktop, show on mobile === */
.mobile-nav-grid {
    display: none !important;
}
.mobile-bottom-nav {
    display: none !important; /* hidden by default (desktop) */
}
@media (max-width: 767px) {
    .mobile-bottom-nav {
        display: block !important;
        padding: 0.75rem;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        border-radius: 20px;
        margin: 0 auto;
        background-color: #fff;
        position: fixed;
        bottom: 0.25rem;
        width: 100%;
        z-index: 50;
    }
    .mobile-nav-grid {
        display: grid !important;
    }
}
.mobile-bottom-nav .mobile-nav-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.75rem;
    margin: 0 auto;
}

/* === Desktop Footer: show on desktop, hide on mobile === */
footer.site-footer {
    display: block;
    position: relative;
    background: #ffffff;
    border-radius: 30px;
    background-clip: padding-box;
    padding: 20px 20px;
    margin: 40px auto;
    width: 92%;
    color: #0F1C56;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
@media (max-width: 767px) {
    footer.site-footer {
        display: none;
    }
}

/* Footer Flexbox Styles */
.footer-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    gap: 3rem;
    position: relative;
    z-index: 2;
}

.footer-column {
    flex: 0 1 auto;
}

.footer-logo-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 0 0 auto;
}

.footer-logo-section img {
    width: 8rem;
}
@media (min-width: 768px) {
    .footer-logo-section img {
        width: 9rem;
    }
}

.footer-logo-section p {
    font-size: 0.875rem;
    color: #4B5563;
    max-width: 20rem;
}

.footer-links-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.footer-contact-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}

.footer-contact-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.footer-social-icons {
    display: flex;
    gap: 1.25rem;
    font-size: 1.5rem;
}

.footer-form-section {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.footer-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0.5rem 2.5rem;
}
@media (min-width: 1280px) {
    .footer-container {
        padding: 0.5rem 5rem;
    }
}

.footer-bottom-bar {
    border-top: 1px solid #D1D5DB;
    margin-top: 2.5rem;
    padding-top: 1rem;
    text-align: center;
    font-size: 0.75rem;
    color: #0F1C56;
}