/* ============================================================
   Checkout fixes — 2026-07-23 (separate file: app.css has an
   unclosed `@media (max-width:768px)` that traps trailing rules)
   ============================================================ */

/* Hide cart drop-down panel */
.pPanel.topnav-drop-panel.topnav--cart-panel.u-trans-all-2s { display: none !important; }

/* Select2 (Country / State) — vertically center the selected value.
   Base theme made the inner .rendered 55px tall inside a 42px box. */
body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered,
body.woocommerce-page .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
    height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* WooCommerce international phone input — put the ✓ / X inside the field,
   vertically centered (plugin left them position:absolute with no top/right). */
body .intl-tel-input.allow-dropdown .int-phone.valid-msg,
body .intl-tel-input.allow-dropdown .int-phone.error-msg {
    top: 50% !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    line-height: 1 !important;
    padding-left: 0 !important;
}
body .intl-tel-input.allow-dropdown input.input-text { padding-right: 28px !important; }