/*!
Theme Name:   astrachild
Author:       Adel Ach 
Author URI:   https://adelach.com
Description:  astra child
Version:      1.0.0
template:     astra
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  astrachild
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

.content,
.ast-woocommerce-container {
    background-color: #F0F0F0;
}

.site-content-contain {
    background: #FEEF97;
}

/* ==========================================================================
   HEADER STYLES
   ========================================================================== */

.ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {
    background: #FFF5E9;
}

.ast-main-header-wrap.main-header-bar-wrap {
    background-color: #ff0000;
}

#ast-desktop-header {
    margin-top: -28px;
}

/* ==========================================================================
   CALL BUTTONS
   ========================================================================== */

.call-buttons {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 2%;
}

.call-button {
    display: inline-block;
    padding: 10px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: red !important;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: 88%;
    margin: auto;
}

.call-button:hover {
    background-color: red;
    transform: scale(1.1);
    color: white !important;
}

/* ==========================================================================
   FORM STYLES
   ========================================================================== */

#formachat {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    padding: 30px 25px;
    max-width: 400px;
    width: 90%;
    text-align: right;
}

#legend {
    font-size: 1.8em;
    color: #e63946;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

label {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 5px;
    display: inline-block;
}

.formproduct {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 20px;
    border: 2px solid #ddd;
    border-radius: 20px !important;
    font-size: 1em;
    background: #f9f9f9;
    text-align: center;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.formproduct:focus {
    border-color: #e63946;
    box-shadow: 0 0 8px rgba(230, 57, 70, 0.3);
    outline: none;
}

select.formproduct {
    appearance: none;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23e63946"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3C/svg%3E') no-repeat right 15px center;
    background-color: #f9f9f9;
    background-size: 15px;
    padding-right: 40px;
}

#buttonHolder {
    background: linear-gradient(to right, #e63946, #ff6b6b);
    border: none;
    border-radius: 25px;
    padding: 12px 20px;
    font-size: 1.2em;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
}

#buttonHolder:hover {
    background: linear-gradient(to right, #ff6b6b, #e63946);
    transform: scale(1.05);
}

/* ==========================================================================
   BUTTON STYLES
   ========================================================================== */

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.button.product_type_variable.add_to_cart_button,
.single_add_to_cart_button.button.alt,
#submit,
.single_link_to_cart_button.button.alt,
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
.checkout-button.button.alt.wc-forward,
.wpforms-submit,
#wpforms-submit-5370,
#wpforms-submit-4483,
#wpforms-submit-4472,
#wpforms-submit-4799,
#wpforms-submit-4808,
#wpforms-submit-4724,
#wpforms-submit-4972 {
    background: #ff0000;
    border-radius: 20px;
}

.button.product_type_variable.add_to_cart_button.cfvsw_ajax_add_to_cart {
    color: white;
}

.wc-buy-now-btn.wc-buy-now-btn-archive.button.add_to_cart_button {
    border-radius: 20px;
}

/* ==========================================================================
   FIXED POSITIONED ELEMENTS
   ========================================================================== */

#btn12345 {
    position: fixed;
    width: 100%;
    bottom: 0px;
    background: #ff0000;
    color: white;
    left: 0;
    right: 0;
    display: block;
    z-index: 999999999;
}

#btn123 {
    position: fixed;
    text-align: center;
    bottom: 0px;
    width: 100%;
    background: #ff0000;
}

#btn1234 {
    position: fixed;
    bottom: 5px;
    width: 100%;
    background: #ff0000;
}

/* ==========================================================================
   WOOCOMMERCE SPECIFIC STYLES
   ========================================================================== */

.wp-post-image,
.woovr-variation.woovr-variation-radio,
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
img {
    border-radius: 25px;
}

.woovr-variation-name {
    display: none;
}

.quantity {
    visibility: hidden;
}

.product_title.entry-title {
    font-size: 20px;
}

.single-product .single-price span.before,
.single-price .before {
    color: #747474;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
}

[dir="rtl"] .single-price .before {
    margin: 2px 15px 0 0;
}

.currency-value {
    align-items: center;
    display: inline-flex;
}

/* Hide WooCommerce elements */
.woocommerce-form__label,
.woocommerce-form__label-for-checkbox,
.ship-to-different-address,
.tabs.wc-tabs,
.woocommerce-breadcrumb,
.woocommerce-products-header__title.page-title {
    display: none;
}

/* Tab styles */
.tabs.wc-tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
}

#tab-title-description,
#tab-title-additional_information,
#tab-title-reviews {
    float: right;
}

#tab-title-description a,
#tab-title-additional_information a,
#tab-title-reviews a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#tab-title-description a:hover,
#tab-title-additional_information a:hover,
#tab-title-reviews a:hover {
    background-color: #fff5e9;
    color: black;
}

.active {
    background-color: #fff5e9;
    color: black;
}

/* ==========================================================================
   WPFORMS SPECIFIC STYLES
   ========================================================================== */

/* Form field styling */
#wpforms-5858-field_1,
#wpforms-5858-field_2,
#wpforms-5858-field_3,
#wpforms-5858-field_5,
#wpforms-5677-field_1,
#wpforms-5677-field_2,
#wpforms-5677-field_3,
#wpforms-5755-field_1,
#wpforms-5755-field_2,
#wpforms-5755-field_3 {
    border-radius: 25px;
}

#wpforms-submit-5858 {
    border: 5px solid white;
    border-radius: 25px;
    width: 331.2px;
}

/* Hide specific form fields */
#wpforms-5858-field_4,
#wpforms-5677-field_4,
#wpforms-5755-field_4 {
    display: none;
    visibility: hidden;
}

/* Form container widths */
#wpforms-4972-field_4-container,
#wpforms-5370-field_4-container,
#wpforms-5206-field_4-container,
#wpforms-5420-field_4-container {
    width: 500px;
}

/* Hide form containers */
#wpforms-4483-field_3-container,
#wpforms-4483-field_5-container,
#wpforms-4483-field_4-container,
#wpforms-4472-field_3-container {
    visibility: hidden;
}

/* Hide form fields */
#wpforms-5193-field_7,
#wpforms-5370-field_7,
#wpforms-5336-field_7,
#wpforms-5357-field_7,
#wpforms-5206-field_7,
#wpforms-5427-field_7,
#wpforms-5420-field_7,
#wpforms-5395-field_7,
#wpforms-5272-field_7,
#wpforms-5215-field_7,
#wpforms-4808-field_3,
#wpforms-4799-field_3,
#wpforms-5484-field_7,
#wpforms-5470-field_7 {
    visibility: hidden;
}

/* ==========================================================================
   IMAGE CHOICES STYLES
   ========================================================================== */

.choice-1.wpforms-image-choices-item.wpforms-selected,
.choice-2.wpforms-image-choices-item.wpforms-selected,
.choice-3.wpforms-image-choices-item.wpforms-selected,
.choice-4.wpforms-image-choices-item.wpforms-selected,
.choice-5.wpforms-image-choices-item.wpforms-selected,
.choice-6.wpforms-image-choices-item.wpforms-selected,
.choice-7.wpforms-image-choices-item.wpforms-selected {
    border: solid 3px red;
}

/* ==========================================================================
   BILLING FIELDS
   ========================================================================== */

#billing_first_name {
    width: 218%;
}

/* ==========================================================================
   RESPONSIVE STYLES - DESKTOP (922px+)
   ========================================================================== */

@media only screen and (min-width: 922px) {
    .size-full {
        width: 100%;
    }
    
    .woovr-variation-info {
        display: none;
    }
    
    .wc-buy-now-btn.wc-buy-now-btn-archive.button.add_to_cart_button {
        width: 163px;
        height: 48px;
        border-radius: 20px;
    }
}

/* ==========================================================================
   RESPONSIVE STYLES - TABLET (921px and below)
   ========================================================================== */

@media only screen and (max-width: 921px) {
    .choice-1.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-2.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-3.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-4.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-5.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-6.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-7.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-1.depth-1.wpforms-image-choices-item,
    .choice-2.depth-1.wpforms-image-choices-item,
    .choice-3.depth-1.wpforms-image-choices-item,
    .choice-4.depth-1.wpforms-image-choices-item,
    .choice-5.depth-1.wpforms-image-choices-item,
    .choice-6.depth-1.wpforms-image-choices-item,
    .choice-7.depth-1.wpforms-image-choices-item,
    .choice-1.wpforms-image-choices-item,
    .choice-2.wpforms-image-choices-item,
    .choice-3.wpforms-image-choices-item,
    .choice-1.wpforms-image-choices-item.wpforms-selected,
    .choice-2.wpforms-image-choices-item.wpforms-selected,
    .choice-3.wpforms-image-choices-item.wpforms-selected {
        width: 200px;
        display: inline-flex;
    }

    .onsale {
        visibility: hidden;
    }

    .product_title.entry-title {
        display: none;
    }
    
    #tab-description {
        display: none;
    }
}

/* ==========================================================================
   RESPONSIVE STYLES - MOBILE (400px and below)
   ========================================================================== */

@media only screen and (max-width: 400px) {
    .choice-1.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-2.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-3.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-4.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-5.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-6.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-7.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-1.depth-1.wpforms-image-choices-item,
    .choice-2.depth-1.wpforms-image-choices-item,
    .choice-3.depth-1.wpforms-image-choices-item,
    .choice-4.depth-1.wpforms-image-choices-item,
    .choice-5.depth-1.wpforms-image-choices-item,
    .choice-6.depth-1.wpforms-image-choices-item,
    .choice-7.depth-1.wpforms-image-choices-item,
    .choice-1.wpforms-image-choices-item,
    .choice-2.wpforms-image-choices-item,
    .choice-3.wpforms-image-choices-item,
    .choice-1.wpforms-image-choices-item.wpforms-selected,
    .choice-2.wpforms-image-choices-item.wpforms-selected,
    .choice-3.wpforms-image-choices-item.wpforms-selected {
        width: 175px;
        display: inline-block;
    }
    
    .choice-1.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-2.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-3.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-4.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-5.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-6.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-7.depth-1.wpforms-image-choices-item.wpforms-selected,
    .choice-1.wpforms-image-choices-item.wpforms-selected,
    .choice-2.wpforms-image-choices-item.wpforms-selected,
    .choice-3.wpforms-image-choices-item.wpforms-selected {
        background: red;
    }

    #ast-mobile-header {
        margin-top: -20px;
    }

    #wpforms-4972-field_4,
    #wpforms-5193-field_4,
    #wpforms-4528-field_1,
    #wpforms-5206-field_4,
    #wpforms-5370-field_4,
    #wpforms-5427-field_4,
    #wpforms-5420-field_4,
    #wpforms-5395-field_4,
    #wpforms-5357-field_4,
    #wpforms-5336-field_4,
    #wpforms-5272-field_4,
    #wpforms-5215-field_4 {
        display: block;
        width: 190px;
    }

    #formachat {
        padding: 20px;
    }

    #legend {
        font-size: 1.5em;
    }

    #buttonHolder {
        font-size: 1em;
        padding: 10px 15px;
    }
}