/* ────────────────────────────────────────────────────────────────────────
   Dawn theme — integration overrides (loaded after the ported design system).
   Inside this CMS integration WOW.js leaves .wow blocks stuck at
   `visibility:hidden`. We neutralise WOW entirely and keep all content visible.
   (Subtle scroll-in animations can be reintroduced later as pure enhancement.)
   ──────────────────────────────────────────────────────────────────────── */
/* The ported CSS reset makes html/body transparent; Dawn's content pages are
   dark text on white, so establish the page canvas explicitly. */
html, body { background-color: #ffffff; }

.wow {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* Contact form fields — Dawn's original form was a third-party embed (.SJ_text);
   our native form uses plain inputs, so match that field styling here. */
.sj_form .input_box { margin-bottom: 18px; }
.sj_form .input_box input,
.sj_form .input_box textarea {
    width: 100%;
    border: solid 1px #ddd;
    box-shadow: none;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 15px;
    background: #fff;
    color: #333;
    transition: border 0.3s ease-in-out;
}
.sj_form .input_box input:focus,
.sj_form .input_box textarea:focus { border-color: #1f59e3; outline: none; }
.sj_form .input_box textarea { resize: vertical; min-height: 130px; }

/* Product listing cards fade in via a .show_in animation that doesn't complete
   reliably in this integration — guarantee they stay visible. */
.products_list .products_type { opacity: 1 !important; animation: none !important; }

/* Product-detail tabs: the ported .tab_content uses absolute+opacity:0 to swap
   panes, which doesn't toggle reliably here. Drive it from a simple display
   toggle instead — panes sit in normal flow and are fully visible when shown. */
.tab_container .detail_pane { position: static !important; opacity: 1 !important; width: 100% !important; pointer-events: auto !important; }

/* Header nav: Dawn's 7 top-level items are tight in the 1200–1550 range
   (they total wider than the nav slot and wrap "Contact"). Trim item padding
   so all seven stay on one row; wide screens keep the roomy original spacing. */
@media (min-width: 1200px) and (max-width: 1550px) {
    .header .bottom_box .nav_box .nav li > a {
        padding-left: 13px;
        padding-right: 13px;
    }
}

/* Product-detail gallery: source images have varying native aspect ratios, so
   the slick track jumps in height as you slide. Lock the main-slide box to a
   fixed height and contain the image, so the gallery stays a constant size. */
.detail_top .detail_slider_top .slider_box .in_box {
    width: 100%;
    height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.detail_top .detail_slider_top .slider_box .in_box img {
    width: auto !important;
    max-width: 88% !important;
    max-height: 90% !important;
    object-fit: contain;
}
/* Thumbnail strip — keep each thumb a uniform box too. */
.detail_top .detail_slider_bottom .slider_box .in_box {
    width: 100%;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detail_top .detail_slider_bottom .slider_box .in_box img {
    width: auto !important;
    max-width: 90% !important;
    max-height: 80px !important;
    object-fit: contain;
}
@media (max-width: 767px) {
    .detail_top .detail_slider_top .slider_box .in_box { height: 320px; }
}

/* Product-detail Specification tab — rich-text (TinyMCE) HTML table. Style any
   table the editor produces to match the theme's spec-table look. */
.detail_date .spec_rich table { width: 100%; border-collapse: collapse; }
.detail_date .spec_rich th,
.detail_date .spec_rich td { border: 1px solid #ddd; padding: 10px; vertical-align: middle; }
.detail_date .spec_rich th { background: #051438; color: #fff; white-space: nowrap; text-align: left; }
.detail_date .spec_rich td[colspan] { background: #edf0f6; font-weight: 600; }