/*
Theme Name:   Flannel Queen Child
Theme URI:    https://flannelqueen.com
Description:  Child theme for Astra, used for Flannel Queen customizations
Author:       Flannel Queen
Author URI:   https://flannelqueen.com
Template:     astra
Version:      1.0.2
Text Domain:  flannel-queen-child
*/

/* Add any custom CSS below this line. This file loads AFTER Astra's own styles,
   so anything you write here will override the parent theme. */

/* Widen the single-product image column and shrink the summary column
   to remove the empty space next to the product photo.
   Desktop only (Astra's tablet breakpoint is 921px); on tablet and
   mobile, Astra stacks the image above the summary at full width. */
@media (min-width: 922px) {
    .woocommerce div.product div.images {
        width: 60% !important;
        max-width: 60% !important;
    }
    .woocommerce div.product div.summary {
        width: 38% !important;
        max-width: 38% !important;
    }
}

/* Image always fills its column, at any screen size. */
.woocommerce div.product div.images img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Remove vertical lines from the yardage price calculator table,
   keeping the horizontal line between rows. */
#price_calculator,
#price_calculator td,
#price_calculator th,
#price_calculator tr {
    border-left: none !important;
    border-right: none !important;
}

/* Keep the yardage calculator inside the screen on phones. */
#price_calculator {
    width: 100%;
    max-width: 100%;
}
#price_calculator input,
#price_calculator select {
    max-width: 100%;
    box-sizing: border-box;
}
@media (max-width: 544px) {
    #price_calculator td,
    #price_calculator th {
        padding-left: 6px;
        padding-right: 6px;
    }
}

/* Hide the PayPal "Pay in 4 interest-free payments" Pay Later message.
   This component renders inside a Shadow DOM, so it must be hidden by
   its host element rather than the inner spans. */
.ppcp-messages,
paypal-message {
    display: none !important;
}
/* Tablet and phone: image on top, details below, both full width */
@media (max-width: 921px) {
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }
}

/* Result count + per-page selector on one aligned line */
body .woocommerce-result-count {
    float: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 20px 15px 0 !important;
}

body form.fq-per-page {
    display: inline-block !important;
    width: auto !important;
    vertical-align: middle !important;
    margin: 0 0 15px 0 !important;
}

body form.fq-per-page label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

body form.fq-per-page select {
    display: inline-block !important;
    width: auto !important;
    min-width: 90px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 32px 8px 12px !important;
}