/**
 * Doors and Windows Page Template Styles
 * Template: page-templates/doors-and-windows.php
 * Source: https://georgeintl.com/doors-and-windows/
 */

/* Restore Font Awesome icons under global font-family override. */
body.elementor-page-5968 .fa,
body.elementor-page-5968 .fas,
body.elementor-page-5968 .far,
body.elementor-page-5968 .fal,
body.elementor-page-5968 .fad {
    font-family: "Font Awesome 5 Free" !important;
}

body.elementor-page-5968 .fa,
body.elementor-page-5968 .fas,
body.elementor-page-5968 .fal,
body.elementor-page-5968 .fad {
    font-weight: 900 !important;
}

body.elementor-page-5968 .far {
    font-weight: 400 !important;
}

body.elementor-page-5968 .fab {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}

/* Keep doors-and-windows content typography aligned with source page. */
.page-template-doors-and-windows .elementor-5968 h1,
.page-template-doors-and-windows .elementor-5968 h2,
.page-template-doors-and-windows .elementor-5968 h3,
.page-template-doors-and-windows .elementor-5968 h4,
.page-template-doors-and-windows .elementor-5968 h5,
.page-template-doors-and-windows .elementor-5968 h6,
.page-template-doors-and-windows .elementor-5968 p,
.page-template-doors-and-windows .elementor-5968 span,
.page-template-doors-and-windows .elementor-5968 a,
.page-template-doors-and-windows .elementor-5968 li,
.page-template-doors-and-windows .elementor-5968 label,
.page-template-doors-and-windows .elementor-5968 button,
.page-template-doors-and-windows .elementor-5968 input,
.page-template-doors-and-windows .elementor-5968 textarea,
.page-template-doors-and-windows .elementor-5968 select,
.page-template-doors-and-windows .elementor-5968 option {
    font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
}

.page-template-doors-and-windows .elementor-5968 h1.elementor-heading-title {
    font-weight: 600 !important;
}

/* Restore floating action buttons when kohler-theme is dequeued on this template. */
.page-template-doors-and-windows .sese-floating-buttons-wrapper,
.page-template-page-templatesdoors-and-windows-php .sese-floating-buttons-wrapper {
    position: fixed;
    bottom: 44px;
    right: 16px;
    z-index: 9999;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.page-template-doors-and-windows .sese-floating-button,
.page-template-page-templatesdoors-and-windows-php .sese-floating-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.page-template-doors-and-windows .sese-floating-button-email,
.page-template-page-templatesdoors-and-windows-php .sese-floating-button-email {
    background-color: #0078d4;
}

.page-template-doors-and-windows .sese-floating-button-email:hover,
.page-template-page-templatesdoors-and-windows-php .sese-floating-button-email:hover {
    background-color: #0063b1;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.page-template-doors-and-windows .sese-floating-button-whatsapp,
.page-template-page-templatesdoors-and-windows-php .sese-floating-button-whatsapp {
    background-color: #25d366;
}

.page-template-doors-and-windows .sese-floating-button-whatsapp:hover,
.page-template-page-templatesdoors-and-windows-php .sese-floating-button-whatsapp:hover {
    background-color: #20bd5a;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.page-template-doors-and-windows .sese-floating-button-tiktok,
.page-template-page-templatesdoors-and-windows-php .sese-floating-button-tiktok {
    background-color: #000;
}

.page-template-doors-and-windows .sese-floating-button-tiktok:hover,
.page-template-page-templatesdoors-and-windows-php .sese-floating-button-tiktok:hover {
    background-color: #1a1a1a;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.page-template-doors-and-windows .sese-floating-button svg,
.page-template-page-templatesdoors-and-windows-php .sese-floating-button svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* Keep static gallery structure robust against global anchor reset rules. */
.page-template-doors-and-windows .elementor-5968 .elementor-widget-gallery .elementor-gallery__container,
.page-template-page-templatesdoors-and-windows-php .elementor-5968 .elementor-widget-gallery .elementor-gallery__container {
    width: 100%;
    display: grid;
}

.page-template-doors-and-windows .elementor-5968 .elementor-widget-gallery .e-gallery-item,
.page-template-doors-and-windows .elementor-5968 .elementor-widget-gallery .elementor-gallery-item,
.page-template-page-templatesdoors-and-windows-php .elementor-5968 .elementor-widget-gallery .e-gallery-item,
.page-template-page-templatesdoors-and-windows-php .elementor-5968 .elementor-widget-gallery .elementor-gallery-item {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.page-template-doors-and-windows .elementor-5968 .elementor-widget-gallery .e-gallery-image,
.page-template-doors-and-windows .elementor-5968 .elementor-widget-gallery .elementor-gallery-item__image,
.page-template-page-templatesdoors-and-windows-php .elementor-5968 .elementor-widget-gallery .e-gallery-image,
.page-template-page-templatesdoors-and-windows-php .elementor-5968 .elementor-widget-gallery .elementor-gallery-item__image {
    display: block;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Fluent Forms two-column grid layout for Contact us block. */
.page-template-doors-and-windows #fluentform_3 fieldset,
.page-template-page-templatesdoors-and-windows-php #fluentform_3 fieldset {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.page-template-doors-and-windows #fluentform_3 .ff-el-group,
.page-template-page-templatesdoors-and-windows-php #fluentform_3 .ff-el-group {
    margin-bottom: 0 !important;
}

.page-template-doors-and-windows #fluentform_3 fieldset > legend,
.page-template-doors-and-windows #fluentform_3 fieldset > input[type="hidden"],
.page-template-page-templatesdoors-and-windows-php #fluentform_3 fieldset > legend,
.page-template-page-templatesdoors-and-windows-php #fluentform_3 fieldset > input[type="hidden"] {
    display: none !important;
}

.page-template-doors-and-windows #fluentform_3 .ff-el-group:has(textarea),
.page-template-doors-and-windows #fluentform_3 .ff_submit_btn_wrapper,
.page-template-page-templatesdoors-and-windows-php #fluentform_3 .ff-el-group:has(textarea),
.page-template-page-templatesdoors-and-windows-php #fluentform_3 .ff_submit_btn_wrapper {
    grid-column: 1 / -1 !important;
}

@media (max-width: 767px) {
    .page-template-doors-and-windows #fluentform_3 fieldset,
    .page-template-page-templatesdoors-and-windows-php #fluentform_3 fieldset {
        grid-template-columns: 1fr !important;
    }
}
