/* ========================================
   HIDE OUT OF STOCK BANNERS - OTAKU THEME
   ======================================== */

/* Hide WooCommerce Out of Stock Badges - AGGRESSIVE APPROACH */
.outofstock-badge,
.outofstock_label,
.out-of-stock-badge,
.onsale.outofstock,
.woocommerce-loop-product__title + .stock.out-of-stock,
.woocommerce-product-gallery__image .outofstock_label,
.woocommerce-product-gallery__image .out-of-stock-badge,
.woocommerce-product-gallery__image .onsale.outofstock {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* ULTRA AGGRESSIVE - Hide ANY element containing "OUT OF STOCK" text */
*:contains("OUT OF STOCK"),
*:contains("Out of Stock"),
*:contains("OUT OF STOCK"),
*:contains("out of stock"),
*:contains("Out of stock") {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Hide any badge-like elements in the top-left corner */
.product .badge,
.product .onsale,
.product .sale-badge,
.product .stock-badge {
    display: none !important;
}

/* ========================================
   ENQUIRE NOW BUTTON STYLING
   ======================================== */

/* Style the Enquire Now button to match theme */
.enquire-now-button,
.enquire-now,
.enquire-button,
.woocommerce .enquire-now,
.woocommerce .enquire-button,
.product .enquire-now,
.product .enquire-button,
[class*="enquire"],
[class*="enquiry"] {
    background: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    min-width: 140px !important;
    line-height: 1.4 !important;
}

/* Hover effects */
.enquire-now-button:hover,
.enquire-now:hover,
.enquire-button:hover,
.woocommerce .enquire-now:hover,
.woocommerce .enquire-button:hover,
.product .enquire-now:hover,
.product .enquire-button:hover,
[class*="enquire"]:hover,
[class*="enquiry"]:hover {
    background: #69C4C8 !important;
    border-color: #69C4C8 !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(105, 196, 200, 0.4) !important;
}

/* Focus states for accessibility */
.enquire-now-button:focus,
.enquire-now:focus,
.enquire-button:focus,
.woocommerce .enquire-now:focus,
.woocommerce .enquire-button:focus,
.product .enquire-now:focus,
.product .enquire-button:focus,
[class*="enquire"]:focus,
[class*="enquiry"]:focus {
    outline: 2px solid #fd79a8 !important;
    outline-offset: 2px !important;
}

/* Active state */
.enquire-now-button:active,
.enquire-now:active,
.enquire-button:active,
.woocommerce .enquire-now:active,
.woocommerce .enquire-button:active,
.product .enquire-now:active,
.product .enquire-button:active,
[class*="enquire"]:active,
[class*="enquiry"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* ========================================
   ENQUIRY MODAL & FORM STYLING
   ======================================== */

/* Override inline styles for the enquiry modal */
#simple-enquire-modal {
    background-color: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(5px) !important;
}

#simple-enquire-modal > div {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    border: none !important;
    max-width: 500px !important;
    width: 90% !important;
    margin: 5% auto !important;
    padding: 30px !important;
    position: relative !important;
}

/* Close button styling */
#simple-close {
    background: #f8f9fa !important;
    color: #6c757d !important;
    border: 2px solid #e9ecef !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    line-height: 31px !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

#simple-close:hover {
    background: #e9ecef !important;
    color: #495057 !important;
    border-color: #dee2e6 !important;
    transform: scale(1.1) !important;
}

/* Product information section */
#simple-enquire-modal .product-info-section {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef) !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
    border-left: 4px solid #69C4C8 !important;
}

#simple-enquire-modal .product-info-section h4 {
    color: #69C4C8 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 15px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#simple-enquire-modal .product-info-section p {
    margin: 8px 0 !important;
    font-size: 14px !important;
    color: #000000 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#simple-enquire-modal .product-info-section strong {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Contact Form 7 styling - IMPROVED SPACING & BLACK TEXT */
#simple-enquire-modal .wpcf7-form {
    margin: 0 !important;
}

#simple-enquire-modal .wpcf7-form label {
    display: block !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
    line-height: 1.6 !important;
}

#simple-enquire-modal .wpcf7-form input[type="text"],
#simple-enquire-modal .wpcf7-form input[type="email"],
#simple-enquire-modal .wpcf7-form input[type="tel"],
#simple-enquire-modal .wpcf7-form textarea {
    width: 100% !important;
    padding: 15px 18px !important;
    border: 2px solid #e9ecef !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-family: inherit !important;
    text-align: left !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
}

#simple-enquire-modal .wpcf7-form input[type="text"]:focus,
#simple-enquire-modal .wpcf7-form input[type="email"]:focus,
#simple-enquire-modal .wpcf7-form input[type="tel"]:focus,
#simple-enquire-modal .wpcf7-form textarea:focus {
    border-color: #69C4C8 !important;
    box-shadow: 0 0 0 3px rgba(105, 196, 200, 0.1) !important;
    outline: none !important;
}

/* Make message field much smaller */
#simple-enquire-modal .wpcf7-form textarea {
    min-height: 60px !important;
    max-height: 80px !important;
    height: 60px !important;
    resize: none !important;
    overflow-y: auto !important;
}

/* Submit button styling - BLACK BACKGROUND WITH WHITE TEXT */
#simple-enquire-modal .wpcf7-form input[type="submit"] {
    background: #000000 !important;
    color: #ffffff !important;
    padding: 18px 35px !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    margin-top: 15px !important;
    text-align: center !important;
    line-height: 1.5 !important;
}

#simple-enquire-modal .wpcf7-form input[type="submit"]:hover {
    background: #69C4C8 !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(105, 196, 200, 0.4) !important;
}

#simple-enquire-modal .wpcf7-form input[type="submit"]:focus {
    outline: 2px solid #fd79a8 !important;
    outline-offset: 2px !important;
}

#simple-enquire-modal .wpcf7-form input[type="submit"]:disabled {
    background: #6c757d !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: 0 2px 8px rgba(108, 108, 108, 0.2) !important;
}

/* Success message styling - UPDATED WITH #69C4C8 COLOR SCHEME */
#simple-enquire-modal .success-message {
    text-align: center !important;
    padding: 40px 20px !important;
}

#simple-enquire-modal .success-message h3 {
    color: #ffffff !important;
    font-size: 20px !important;
    margin: 0 0 15px 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

#simple-enquire-modal .success-message p {
    color: #ffffff !important;
    font-size: 16px !important;
    margin: 0 0 25px 0 !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* Success message container styling */
#simple-enquire-modal .success-message > div {
    background: #69C4C8 !important;
    border: 2px solid #69C4C8 !important;
    padding: 30px 25px !important;
    border-radius: 12px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 8px 25px rgba(105, 196, 200, 0.3) !important;
}

#simple-enquire-modal #close-success-modal {
    background: #69C4C8 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 4px 15px rgba(105, 196, 200, 0.3) !important;
}

#simple-enquire-modal #close-success-modal:hover {
    background: #5AB3B7 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(105, 196, 200, 0.4) !important;
}

/* Response output styling */
#simple-enquire-modal .wpcf7-response-output {
    margin: 20px 0 0 0 !important;
    padding: 15px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

#simple-enquire-modal .wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #d4edda !important;
    border: 1px solid #c3e6cb !important;
    color: #155724 !important;
}

#simple-enquire-modal .wpcf7-response-output.wpcf7-validation-errors {
    background: #f8d7da !important;
    border: 1px solid #f5c6cb !important;
    color: #721c24 !important;
}

/* ========================================
   OVERRIDE CONTACT FORM 7 DEFAULTS
   ======================================== */

/* Override validation styling */
#simple-enquire-modal .wpcf7-form input[type="text"].wpcf7-not-valid,
#simple-enquire-modal .wpcf7-form input[type="email"].wpcf7-not-valid,
#simple-enquire-modal .wpcf7-form input[type="tel"].wpcf7-not-valid,
#simple-enquire-modal .wpcf7-form textarea.wpcf7-not-valid {
    border-color: #dc3545 !important;
    background: #ffffff !important;
}

/* SHOW validation error messages - RESTORED */
#simple-enquire-modal .wpcf7-form .wpcf7-not-valid-tip {
    display: block !important;
    color: #dc3545 !important;
    font-size: 13px !important;
    margin-top: 5px !important;
    font-weight: 500 !important;
}

/* Override any remaining Contact Form 7 styles */
#simple-enquire-modal .wpcf7-form * {
    box-sizing: border-box !important;
}

#simple-enquire-modal .wpcf7-form input,
#simple-enquire-modal .wpcf7-form textarea {
    margin: 0 !important;
    font-family: inherit !important;
}

 /* Responsive adjustments */
@media (max-width: 768px) {
     #simple-enquire-modal > div {
         margin: 10% auto !important;
         padding: 25px 20px !important;
         width: 95% !important;
     }
     
     #simple-enquire-modal .wpcf7-form input[type="submit"] {
         padding: 14px 20px !important;
         font-size: 15px !important;
     }
     
     #simple-enquire-modal .wpcf7-form textarea {
         min-height: 70px !important;
         max-height: 100px !important;
     }
     
     /* ========================================
        FILTER BUTTON CUSTOMIZATION - PURE CSS SOLUTION
        ======================================== */
     
     /* MOBILE ONLY: Style existing elements as clean buttons */
     @media (max-width: 767px) {
         /* SHOWING RESULTS TEXT - Match button styling exactly */
         .woocommerce-result-count,
         .woocommerce .woocommerce-result-count,
         .woocommerce-page .woocommerce-result-count,
         .woocommerce .woocommerce-result-count p,
         .woocommerce-page .woocommerce-result-count p,
         body.woocommerce .woocommerce-result-count,
         body.woocommerce-page .woocommerce-result-count,
         .woocommerce .woocommerce-result-count,
         .woocommerce-page .woocommerce-result-count,
         .woocommerce-result-count p,
         .woocommerce-result-count span,
         .woocommerce-result-count div {
             font-family: inherit !important;
             font-weight: 600 !important;
             letter-spacing: 0.5px !important;
             font-size: 13px !important;
             text-transform: uppercase !important;
         }
         /* MAIN CONTAINER - Align to left and proper layout */
         .otaku_woocommerce_filters_button_wrap {
             display: flex !important;
             align-items: center !important;
             justify-content: flex-start !important;
             gap: 8px !important;
             width: 100% !important;
             margin: 0 0 20px 0 !important;
             padding: 0 !important;
             flex-wrap: nowrap !important;
         }
         
         /* OVERRIDE ALL CHILD ELEMENTS */
         .otaku_woocommerce_filters_button_wrap * {
             box-sizing: border-box !important;
         }
         
         /* OUR WORKS BUTTON - Exact specifications */
         .otaku_woocommerce_filters_button_wrap .otaku_woocommerce_filters_button,
         .otaku_woocommerce_filters_button_wrap a.otaku_woocommerce_filters_button {
             background: #1f242e !important;
             color: #ffffff !important;
             padding: 0 !important;
             border-radius: 8px !important;
             font-weight: 600 !important;
             font-size: 0 !important;
             text-transform: uppercase !important;
             text-decoration: none !important;
             border: none !important;
             display: flex !important;
             align-items: center !important;
             justify-content: center !important;
             box-shadow: 0 2px 8px rgba(31, 36, 46, 0.15) !important;
             transition: all 0.3s ease !important;
             text-indent: -9999px !important;
             overflow: hidden !important;
             position: relative !important;
             height: 36px !important;
             line-height: 1 !important;
             flex-shrink: 0 !important;
             width: 90px !important;
             text-align: center !important;
             font-family: inherit !important;
             margin: 0 !important;
             min-height: 36px !important;
             max-height: 36px !important;
             min-width: 90px !important;
             max-width: 90px !important;
         }
         
         /* OUR WORKS TEXT - Positioned perfectly */
         .otaku_woocommerce_filters_button_wrap a.otaku_woocommerce_filters_button::after {
             content: "OUR WORKS" !important;
             font-size: 16px !important;
             font-weight: 500 !important;
             color: #ffffff !important;
             position: absolute !important;
             top: 50% !important;
             left: 50% !important;
             transform: translate(-50%, -50%) !important;
             text-indent: 0 !important;
             white-space: nowrap !important;
             letter-spacing: 0.5px !important;
             font-family: "Bebas Neue" !important;
         }
         
         /* SORT BY FORM - Reset and center */
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering {
             display: flex !important;
             align-items: center !important;
             justify-content: center !important;
             margin: 0 !important;
             padding: 0 !important;
             width: auto !important;
             height: auto !important;
         }
         
         /* SORT BY SELECT - Exact same size as OUR WORKS */
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering select,
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering .orderby,
         .otaku_woocommerce_filters_button_wrap select.orderby,
         .otaku_woocommerce_filters_button_wrap select.orderby.filled,
         .otaku_woocommerce_filters_button_wrap select.orderby.filled.fill_inited,
         .otaku_woocommerce_filters_button_wrap .orderby.filled,
         .otaku_woocommerce_filters_button_wrap .orderby.filled.fill_inited {
             background: #1f242e !important;
             color: #ffffff !important;
             padding: 0 !important;
             border-radius: 8px !important;
             font-weight: 600 !important;
             font-size: 0 !important;
             text-transform: uppercase !important;
             border: none !important;
             box-shadow: 0 2px 8px rgba(31, 36, 46, 0.15) !important;
             transition: all 0.3s ease !important;
             -webkit-appearance: none !important;
             -moz-appearance: none !important;
             appearance: none !important;
             cursor: pointer !important;
             outline: none !important;
             height: 36px !important;
             line-height: 1 !important;
             flex-shrink: 0 !important;
             width: 90px !important;
             text-align: center !important;
             text-overflow: ellipsis !important;
             white-space: nowrap !important;
             overflow: hidden !important;
             display: flex !important;
             align-items: center !important;
             justify-content: center !important;
             letter-spacing: 0.5px !important;
             position: relative !important;
             text-indent: -9999px !important;
             font-family: inherit !important;
             margin: 0 !important;
             min-height: 36px !important;
             max-height: 36px !important;
             min-width: 90px !important;
             max-width: 90px !important;
         }
         
         /* SORT BY TEXT - Positioned perfectly */
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering select::after,
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering .orderby::after,
         .otaku_woocommerce_filters_button_wrap select.orderby::after,
         .otaku_woocommerce_filters_button_wrap select.orderby.filled::after,
         .otaku_woocommerce_filters_button_wrap select.orderby.filled.fill_inited::after,
         .otaku_woocommerce_filters_button_wrap .orderby.filled::after,
         .otaku_woocommerce_filters_button_wrap .orderby.filled.fill_inited::after {
             content: "SORT BY" !important;
             font-size: 16px !important;
             font-weight: 500 !important;
             color: #ffffff !important;
             position: absolute !important;
             top: 50% !important;
             left: 50% !important;
             transform: translate(-50%, -50%) !important;
             white-space: nowrap !important;
             letter-spacing: 0.5px !important;
             pointer-events: none !important;
             z-index: 10 !important;
             display: block !important;
             visibility: visible !important;
             opacity: 1 !important;
             font-family: "Bebas Neue" !important;
         }
         
         /* Remove dropdown arrow completely */
         .woocommerce-ordering select::-ms-expand,
         .woocommerce .woocommerce-ordering select::-ms-expand,
         .woocommerce-ordering .orderby::-ms-expand,
         .woocommerce .shop-filters select::-ms-expand,
         select.orderby::-ms-expand,
         select.orderby.filled::-ms-expand,
         select.orderby.filled.fill_inited::-ms-expand,
         .orderby.filled::-ms-expand,
         .orderby.filled.fill_inited::-ms-expand {
    display: none !important;
}

         /* Remove WebKit arrows */
         .woocommerce-ordering select::-webkit-appearance,
         .woocommerce .woocommerce-ordering select::-webkit-appearance,
         .woocommerce-ordering .orderby::-webkit-appearance,
         .woocommerce .shop-filters select::-webkit-appearance,
         select.orderby::-webkit-appearance,
         select.orderby.filled::-webkit-appearance,
         select.orderby.filled.fill_inited::-webkit-appearance,
         .orderby.filled::-webkit-appearance,
         .orderby.filled.fill_inited::-webkit-appearance {
             -webkit-appearance: none !important;
         }
         
         /* Hide any custom dropdown arrows/chevrons added by theme */
         .woocommerce-ordering::after,
         .woocommerce-ordering .select_container::after,
         .woocommerce-ordering .select_container::before,
         .woocommerce-ordering .select_container i,
         .woocommerce-ordering .select_container .fa,
         .woocommerce-ordering .select_container .fas,
         .woocommerce-ordering .select_container .far,
         .woocommerce-ordering .select_container .fab,
         .woocommerce-ordering .select_container .fal,
         .woocommerce-ordering .select_container .fad,
         .woocommerce-ordering .select_container .svg,
         .woocommerce-ordering .select_container svg {
             display: none !important;
             visibility: hidden !important;
             opacity: 0 !important;
         }
         
         /* SORT BY CONTAINER - Exact same size as OUR WORKS */
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering .select_container {
             background: #1f242e !important;
             border: none !important;
             border-radius: 8px !important;
             width: 90px !important;
             height: 36px !important;
             display: flex !important;
             align-items: center !important;
             justify-content: center !important;
             position: relative !important;
             box-shadow: 0 2px 8px rgba(31, 36, 46, 0.15) !important;
             overflow: hidden !important;
             flex-shrink: 0 !important;
             margin: 0 !important;
             padding: 0 !important;
             min-height: 36px !important;
             max-height: 36px !important;
             min-width: 90px !important;
             max-width: 90px !important;
         }
         
         /* Force ALL elements inside select container to be dark */
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering .select_container * {
             background: #1f242e !important;
             color: #ffffff !important;
             border: none !important;
             font-size: 0 !important;
             text-indent: -9999px !important;
         }
         
         /* SORT BY TEXT ON CONTAINER - PERFECT CENTERING */
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering .select_container::after {
             content: "SORT BY" !important;
             font-size: 16px !important;
             font-weight: 500 !important;
             color: #ffffff !important;
             position: absolute !important;
             top: 50% !important;
             left: 50% !important;
             transform: translate(-50%, -50%) !important;
             white-space: nowrap !important;
             letter-spacing: 0.5px !important;
             pointer-events: none !important;
             z-index: 10 !important;
             display: block !important;
             visibility: visible !important;
             opacity: 1 !important;
             font-family: "Bebas Neue" !important;
             text-align: center !important;
             width: 100% !important;
             margin: 0 !important;
             padding: 0 !important;
         }
         
         /* Hover effects for both buttons */
         .otaku_woocommerce_filters_button_wrap .otaku_woocommerce_filters_button:hover,
         .otaku_woocommerce_filters_button_wrap a.otaku_woocommerce_filters_button:hover,
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering select:hover,
         .otaku_woocommerce_filters_button_wrap .woocommerce-ordering .select_container:hover {
             background: #333333 !important;
             transform: translateY(-1px) !important;
             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
         }
     }
}

image.png