/* Minimal product page layout fixes (DepositoTrujillo) */

/* If the theme renders a duplicated Add to Cart area at the bottom, hide the duplicate. */
.product-options-bottom .box-tocart,
.product-options-bottom .product-add-form {
  display: none;
}

/* Fix product description and info positioning/padding - Prevent touching screen edges */
.athlete2_product_info__wrapper,
.product.attribute.description,
.product-full-width-section,
.page-main-description,
.page-main-pagebuilder-attributes,
.product.overview,
.product.info.detailed,
.product.attributes.pagebuilder.wrapper,
#description,
#additional {
    max-width: 1280px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    width: 100%;
}

/* Specific fix for the description block mentioned by user */
.product.attribute.description {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Adjust for mobile devices */
@media (max-width: 767px) {
    .athlete2_product_info__wrapper,
    .product.attribute.description,
    .product-full-width-section,
    .page-main-description,
    .page-main-pagebuilder-attributes,
    .product.overview,
    .product.info.detailed,
    .product.attributes.pagebuilder.wrapper,
    #description,
    #additional {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ============================================
   COOKIE BANNER MOBILE IMPROVEMENTS
   Added: February 17, 2026
   ============================================ */

/* Mobile-specific cookie banner styles - ONLY when banner should be shown */
@media screen and (max-width: 768px) {
    /* Cookie banner container */
    .message.global.cookie {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 1.1rem;
        padding: 15px;
        z-index: 9999;
        padding-bottom: max(15px, env(safe-area-inset-bottom));
        text-align: center;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
        background: #fff;
    }
    
    /* Content wrapper */
    .message.global.cookie .content {
        max-width: 100%;
    }
    
    /* Paragraph text */
    .message.global.cookie p {
        margin-bottom: 15px;
        line-height: 1.5;
    }
    
    /* Strong text (title) */
    .message.global.cookie strong {
        display: block;
        margin-bottom: 8px;
        font-size: 1.2rem;
    }
    
    /* Privacy policy link */
    .message.global.cookie a {
        display: inline-block;
        padding: 5px 0;
        text-decoration: underline;
    }
    
    /* Actions container */
    .message.global.cookie .actions {
        margin-top: 15px;
    }
    
    /* Allow cookies button */
    #btn-cookie-allow {
        min-height: 44px;
        min-width: 44px;
        padding: 14px 28px;
        width: 100%;
        font-size: 1.1rem;
        font-weight: 600;
        border-radius: 4px;
        margin-top: 10px;
    }
    
    /* Button text */
    #btn-cookie-allow span {
        display: block;
    }
}

/* Extra small devices (phones, 480px and down) */
@media screen and (max-width: 480px) {
    .message.global.cookie {
        padding: 12px;
        font-size: 1rem;
    }
    
    .message.global.cookie strong {
        font-size: 1.1rem;
    }
    
    #btn-cookie-allow {
        padding: 12px 24px;
    }
}

/* Landscape mode on mobile */
@media screen and (max-width: 768px) and (orientation: landscape) {
    .message.global.cookie {
        padding: 10px 15px;
    }
    
    #btn-cookie-allow {
        width: auto;
        min-width: 150px;
        display: inline-block;
    }
}

/* ============================================
   COOKIE BANNER VISIBILITY
   Banner visibility is controlled by JavaScript
   The widget will show/hide based on cookie consent
   ============================================ */

/* DO NOT force display - let the cookieNotices widget handle visibility */
/* The widget checks for user_allowed_save_cookie and shows/hides accordingly */

/* Mobile positioning when banner is shown (JavaScript will set display:block) */
@media screen and (max-width: 768px) {
    #notice-cookie-block {
        font-size: 1.1rem;
        padding: 15px;
        z-index: 99999;
        padding-bottom: max(15px, env(safe-area-inset-bottom));
        text-align: center;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    #notice-cookie-block .content {
        max-width: 100%;
    }
    
    #notice-cookie-block p {
        margin-bottom: 15px;
        line-height: 1.5;
    }
    
    #notice-cookie-block strong {
        display: block;
        margin-bottom: 8px;
        font-size: 1.2rem;
    }
    
    #notice-cookie-block a {
        display: inline-block;
        padding: 5px 0;
        text-decoration: underline;
    }
    
    #notice-cookie-block .actions {
        margin-top: 15px;
    }
    
    #btn-cookie-allow {
        min-height: 44px;
        min-width: 44px;
        padding: 14px 28px;
        width: 100%;
        font-size: 1.1rem;
        font-weight: 600;
        border-radius: 4px;
        margin-top: 10px;
        display: block;
    }
}

/* Extra small devices */
@media screen and (max-width: 480px) {
    #notice-cookie-block {
        padding: 12px;
        font-size: 1rem;
    }
    
    #notice-cookie-block strong {
        font-size: 1.1rem;
    }
    
    #btn-cookie-allow {
        padding: 12px 24px;
    }
}

/* --- PDP 2026-07-09: stock label + convenios tab --- */

/* Hide duplicate OOS label in add-to-cart form (already shown near price/SKU) */
.catalog-product-view .product-info-main .product-add-form .stock.unavailable {
  display: none;
}

/* Convenios crédito custom tab (replaces Athlete2 size-chart demo) */
.dt-convenios-credito {
  font-size: 1.4rem;
  line-height: 1.5;
}
.dt-convenios-credito ul {
  margin: 1rem 0 1.2rem 1.2rem;
  padding: 0;
}
.dt-convenios-credito li {
  margin-bottom: 0.5rem;
}
.dt-convenios-credito__note {
  color: #555;
  font-size: 1.3rem;
  margin-bottom: 1.2rem;
}
.dt-convenios-credito .action.primary {
  display: inline-block;
  margin-top: 0.25rem;
}