/**
 * WM School Photos – Theme CSS
 *
 * These styles were intentionally removed from the wm-school-photos plugin
 * because they are page-specific or theme-level concerns, not plugin logic.
 *
 * DEFAULT: The plugin enqueues this file on the front end (see includes/theme-compat-css.php).
 *
 * OPTIONAL — move rules into the theme / Elementor, then disable the enqueue:
 *   add_filter( 'wm_enqueue_theme_compat_css', '__return_false' );
 *   or define( 'WM_ENQUEUE_THEME_COMPAT_CSS', false ); in wp-config.php
 *   (Legacy: pcs_enqueue_theme_compat_css / PCS_ENQUEUE_THEME_COMPAT_CSS still work.)
 *
 * You can also paste this file into:
 *   - Elementor > Site Settings > Custom CSS
 *   - Appearance > Customize > Additional CSS
 *   - Your child theme's style.css
 */


/* ═══════════════════════════════════════════════════════════════════════════
   1. ELEMENTOR LAYOUT: Search page checkout button container
   ═══════════════════════════════════════════════════════════════════════════ */

.elementor-element-aa8ed05 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.5rem !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   2. WOOCOMMERCE BLOCK BUTTON OVERRIDES
   ═══════════════════════════════════════════════════════════════════════════ */

.wc-block-components-button {
    background-color: #3d3a39 !important;
    color: white !important;
    border-radius: 12px !important;
}

.wc-block-components-button:hover {
    background: #8C8C8C !important;
    color: #fff !important;
}

.wc-block-components-button__text {
    color: white !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   3. STUDENT / CLASS / TEACHER IMAGE DISPLAY
   ═══════════════════════════════════════════════════════════════════════════ */

.student_portrait_cls {
    vertical-align: middle;
    display: inline-block;
    width: 111px !important;
    height: 140px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 10px !important;
}

.class_photo_cls {
    vertical-align: middle;
    display: inline-block;
    width: 205px !important;
    height: 140px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 10px !important;
}

.teacher_portrait_cls {
    vertical-align: middle;
    display: inline-block;
    width: 175px !important;
    height: 225px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 10px !important;
}

@media (max-width: 720px) {
    .teacher_portrait_cls {
        width: 175px !important;
        height: 215px !important;
    }
}