/* =============================================================================
 * SINGLE PRODUCT PAGE
 * =============================================================================
 * Owner:  Parent theme.
 * Scope:  Single product pages only.
 * ============================================================================= */


/* -----------------------------------------------------------------------------
 * Product preview cards on the previous/next navigation
 * -----------------------------------------------------------------------------
 * The cards appear only on hover. Without hovering, they must not occupy
 * space or widen the page. The RTL anchor for both cards is left: 0.
 * --------------------------------------------------------------------------- */
body.rtl .rbt-products-nav .rbt-dropdown {
    left: 0;
    right: auto;
}

body.single-product .rbt-products-nav .rbt-event-hover:not(:hover) .rbt-dropdown {
    display: none;
}


/* -----------------------------------------------------------------------------
 * Product gallery image frames
 * -----------------------------------------------------------------------------
 * Mixed portrait and square images share a stable square frame. object-fit
 * contain shows the full product image without cropping.
 * --------------------------------------------------------------------------- */
body.single-product .rbt-product-single-slider-twolayout-activation .rbt-product-single-img,
body.single-product .rbt-product-thumb-slider-twolayout-activation .rbt-thumb-img-sm {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

body.single-product .rbt-product-single-slider-twolayout-activation .rbt-product-single-img img,
body.single-product .rbt-product-thumb-slider-twolayout-activation .rbt-thumb-img-sm img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.single-product .rbt-product-thumb-slider-twolayout-activation .thumbnail {
    width: 100%;
}


/* -----------------------------------------------------------------------------
 * Disabled gallery arrows
 * -----------------------------------------------------------------------------
 * The parent theme forces opacity: 1 !important on the arrows, hiding the
 * disabled state. This block restores the dimmed appearance with the same
 * specificity. It does not set pointer-events: none, because the arrow
 * overlays the image and a tap would open Fancybox.
 * --------------------------------------------------------------------------- */
body.single-product .rbt-product-single-slider-twolayout-activation .rbt-swiper-arrow.swiper-button-disabled,
body.single-product .product-single-slider-two-activation .rbt-swiper-arrow.swiper-button-disabled {
    opacity: 0.35 !important;
    cursor: not-allowed;
}


/* -----------------------------------------------------------------------------
 * Short description height
 * -----------------------------------------------------------------------------
 * After the body font changed to Cairo, Arabic text in the short description
 * overlapped because the parent theme hardcodes a fixed pixel line-height
 * that is too short for Cairo. This block lets the container auto-size and
 * raises the line-height.
 * --------------------------------------------------------------------------- */
.woocommerce-product-details__short-description {
    line-height: 1.8 !important;
    height: auto !important;
    min-height: auto !important;
}