/* Home Cover "Image fill entire width" */

/* 1. Ensure the main container can expand to full width and acts as a reference point */
.wp-block-cover.alignfull {
    max-width: none !important; 
    width: 100% !important;
    position: relative !important; 
}

/* 2. Target the image specifically and force it to cover the entire container */
.wp-block-cover.alignfull img.wp-block-cover__image-background {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important; 
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important; 
    object-fit: cover !important;
    object-position: center center !important;
}

/* 3. Make the dimming overlay fill the entire container, like the image */
.wp-block-cover.alignfull .wp-block-cover__background {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important; 
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important; /* Must be on top of the image (z-index 0) but below the text (z-index 2) */
}


/* 4. Ensure the text content stays on top of both the image and the overlay */
.wp-block-cover.alignfull .wp-block-cover__inner-container {
    position: relative !important;
    z-index: 2 !important; /* Changed to 2 to ensure it is above the new overlay z-index 1 */
}

/* Cover button  */

.cover-button .wp-block-button__link {
    color: #FFFFFF !important; 
    background-color: transparent !important; 
    border: 1px solid #FFFFFF !important; 
}

.cover-button .wp-block-button__link:hover {
    /* Inversão de Cores */
    background-color: #FFFFFF !important;
    color: #151616 !important; 
		border: 1px solid #151616 !important;
}

/* Profile button */
.site-header-focus-item .ast-header-account {
    padding-right: 20px !important; 	
}

/* Hides the WooCommerce result count paragraph e.g.'Mostrando todos os 8 resultados'.
 */
.woocommerce-result-count {
    display: none !important;
}

/* Fixes vertical centering for the specific "Calcular" correos pugin button using Flexbox.
 */
.infixs-correios-automatico-calculate-submit {
    display: flex !important;
    align-items: center !important; /* Centers text vertically */
    justify-content: center !important; /* Centers text horizontally */
    text-align: center !important; /* Fallback */
}

/* Hides the truck icon from the "Digite seu CEP text field from correos plugin" */
.infixs-correios-automatico-input-text-prepend {
    display: none !important;
}

/* Sets the default color for the size selecor button text under "product page" to RGB 168, 168, 168 (Gray).
 */
.variable-item-span-button {
    color: #A8A8A8 !important; /* RGB 168, 168, 168 */
}

/* Hides the "Size:" label that used to show on the right side of the size selector under "product page" */
.variations th.label {
    display: none !important;
}

/* Aligns and add some spacing between the checkbox and text of "Account details" last form items*/

.woocommerce-form-row--wide label[for="mailchimp_woocommerce_is_unsubscribed"],
.woocommerce-form-row--wide label[for="mailchimp_woocommerce_is_subscribed"],
.woocommerce-form-row--wide label[for="mailchimp_woocommerce_is_transactional"] {
    display: flex !important;
    align-items: center !important;
}

.woocommerce-form-row--wide label[for="mailchimp_woocommerce_is_unsubscribed"] .woocommerce-form__input-radio,
.woocommerce-form-row--wide label[for="mailchimp_woocommerce_is_subscribed"] .woocommerce-form__input-radio,
.woocommerce-form-row--wide label[for="mailchimp_woocommerce_is_transactional"] .woocommerce-form__input-radio {
    margin-right: 8px !important; /* Adjust this value (8px) if you need more or less space */
}

/* Hide the 'Informação adicional' tab title */
li.additional_information_tab {
    display: none !important;
}

/* Hide the 'Informação adicional' content panel */
#tab-additional_information {
    display: none !important;
}