/* Forti Global Brand — site-wide color, grid, and image-fit overrides */

:root {
    --forti-navy: #1d2859;
    --forti-gray: #6b7280;
}

/* ============================================
   1. Revslider buttons (homepage hero slider)
   ============================================ */
.rev_slider .rev-btn,
.rev_slider a.rev-btn,
.rev_slider .rev-btn:link,
.rev_slider .rev-btn:visited {
    background: var(--forti-navy) !important;
    background-color: var(--forti-navy) !important;
    border-color: var(--forti-navy) !important;
    color: #ffffff !important;
}
.rev_slider .rev-btn:hover,
.rev_slider a.rev-btn:hover,
.rev_slider .rev-btn:focus {
    background: #151d42 !important;
    background-color: #151d42 !important;
    border-color: #151d42 !important;
}

/* ============================================
   2. WooCommerce & theme buttons (İncele / Devamını Oku / Add to cart / submit / etc.)
   ============================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce ul.products li.product .button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce .button.alt,
.woocommerce .button.alt.single_add_to_cart_button,
.woocommerce-page a.button,
.woocommerce-page button.button,
a.btn,
button.btn,
.btn-primary,
.button-primary,
a.more-link,
.more-link,
.read-more,
a.read-more,
.industrie-btn,
.theme-btn,
input[type="submit"].button,
.wp-block-button__link {
    background: var(--forti-navy) !important;
    background-color: var(--forti-navy) !important;
    color: #ffffff !important;
    border: 1px solid var(--forti-navy) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
a.btn:hover,
button.btn:hover,
.btn-primary:hover,
a.more-link:hover,
.read-more:hover,
.wp-block-button__link:hover {
    background: #151d42 !important;
    background-color: #151d42 !important;
    color: #ffffff !important;
}

/* "Devamını Oku" / "Read more" link styled as compact centered button on product loops */
.woocommerce ul.products li.product a.more-link,
.woocommerce ul.products li.product .more-link,
.woocommerce ul.products li.product a.read-more,
.woocommerce ul.products li.product .industrie-btn,
.forti-urunler-browser .products li.product a.more-link,
.forti-urunler-browser .products li.product .read-more {
    align-items: center;
    background: var(--forti-navy) !important;
    border: 1px solid var(--forti-navy) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 1.1;
    margin: 16px auto 0 !important;
    min-height: 40px;
    min-width: 140px;
    padding: 10px 22px !important;
    text-align: center;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap;
    width: auto !important;
    max-width: 100%;
}
.woocommerce ul.products li.product a.more-link:hover,
.forti-urunler-browser .products li.product a.more-link:hover {
    background: #151d42 !important;
}

/* ============================================
   3. PDF Teknik Dokümanı butonu
   ============================================ */
.product-pdf-auto-wrap .button,
.product-resources-block .button,
.product-pdf-auto-wrap a.button,
.product-resources-block a.button,
a.product-pdf-auto-button,
.product-pdf-auto-button {
    background: var(--forti-navy) !important;
    background-color: var(--forti-navy) !important;
    color: #ffffff !important;
    border-color: var(--forti-navy) !important;
}
.product-pdf-auto-wrap .button:hover,
.product-resources-block .button:hover {
    background: #151d42 !important;
    background-color: #151d42 !important;
}

/* ============================================
   4. Elementor primary buttons
   ============================================ */
.elementor-button.elementor-button-link,
.elementor-widget-button .elementor-button,
.elementor-button-wrapper .elementor-button {
    background-color: var(--forti-navy);
}
.elementor-button.elementor-button-link:hover,
.elementor-widget-button .elementor-button:hover {
    background-color: #151d42;
}

/* ============================================
   5. Industrie theme accents / link hovers
   ============================================ */
.site-header .main-navigation a:hover,
.entry-header .entry-title a:hover,
.entry-title a:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
a.accent-link,
.accent-color {
    color: var(--forti-navy);
}

/* ============================================
   Hide legacy forti-page-form-intro (forti-simple-forms has its own intro)
   ============================================ */
.forti-page-form-intro,
.forti-page-form-host .forti-page-form-intro,
.forti-quote-modal .forti-page-form-intro {
    display: none !important;
}

/* ============================================
   Mobile breadcrumb left-alignment
   ============================================ */
@media (max-width: 768px) {
    .woocommerce-breadcrumb,
    .rs-breadcrumb,
    .rs-breadcrumb-wrap,
    .rs-breadcrumb-inner,
    nav.woocommerce-breadcrumb,
    .forti-urunler-browser__breadcrumbs,
    .site-breadcrumb,
    .breadcrumb-area {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    .woocommerce-breadcrumb > *,
    .rs-breadcrumb > *,
    .rs-breadcrumb-inner > * {
        text-align: left !important;
    }
}

/* ============================================
   Mobile header: logo left, icons right
   ============================================ */
@media (max-width: 991px) {
    .forti-archive-sidebar {
        position: static !important;
        top: auto !important;
    }
    .forti-archive-layout > * {
        max-width: 100%;
    }
    /* Outer header row: logo container | icons container */
    .elementor-element-aa88c19,
    .elementor-location-header .header-area-textile {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 12px;
    }
    /* Logo sub-container stays left */
    .elementor-element-f18c3ca,
    .elementor-location-header .logo-textile {
        flex: 0 0 auto !important;
        margin-right: auto !important;
    }
    /* Icons sub-container pushed to right */
    .elementor-element-c5d825c {
        flex: 0 1 auto !important;
        margin-left: auto !important;
        justify-content: flex-end !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 10px;
        overflow: visible !important;
    }
    .elementor-element-c5d825c > * {
        flex-shrink: 0 !important;
        display: inline-flex !important;
        visibility: visible !important;
    }
    /* Individual header widgets — stay compact and visible */
    .elementor-location-header .elementor-widget-site-logo,
    .elementor-location-header .hfe-site-logo,
    .elementor-location-header .elementor-widget-hfe-search-button,
    .elementor-location-header .elementor-widget-rsoffcanvas {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    /* Header "Teklif Al" rs-button is too wide on mobile — hide everywhere in header */
    .elementor-location-header .elementor-widget-rs-button,
    .elementor-location-header .elementor-element.elementor-widget-rs-button,
    .elementor-location-header .elementor-element-993d0c8,
    #rs-header .elementor-widget-rs-button,
    #rs-header .elementor-element-993d0c8 {
        display: none !important;
        visibility: hidden !important;
    }
    /* Ensure offcanvas / menu toggle is visible and hit-testable */
    .elementor-location-header .elementor-widget-rsoffcanvas,
    .elementor-location-header .elementor-widget-rsoffcanvas .rs-offcanvas-btn,
    .elementor-location-header .rs-offcanvas-btn,
    .elementor-location-header .menu-toggle,
    .elementor-location-header .ri-menu-line,
    .elementor-location-header .ri-apps-line,
    .elementor-location-header [class*="offcanvas-btn"],
    .elementor-location-header [class*="menu-icon"] {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* ============================================
   6a0. Simple featured image (replaces WC gallery)
   ============================================ */
.forti-product-main-image {
    aspect-ratio: 1 / 1;
    background: #ffffff;
    border: 1px solid #e6ecf2;
    border-radius: 14px;
    display: block;
    overflow: hidden;
    padding: 18px;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05);
}
.forti-product-main-image__img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff;
}
.forti-product-main-image--placeholder {
    background: linear-gradient(135deg, #f8fafc 0%, #eef4fb 100%);
}

/* ============================================
   6a. Hide WC product gallery thumbnail strip (keep main image only)
   ============================================ */
.single-product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs,
.single-product .woocommerce-product-gallery .flex-control-thumbs,
.single-product div.product div.images .flex-control-thumbs {
    display: none !important;
}

/* ============================================
   6. WooCommerce product gallery — 1:1 contain (no crop)
   ============================================ */
.woocommerce div.product div.images,
.woocommerce div.product div.images .woocommerce-product-gallery,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.single-product .product-hero-banner-gallery,
.single-product .product-hero-banner-gallery .woocommerce-product-gallery__wrapper {
    background: transparent;
    max-width: 100%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    aspect-ratio: 1 / 1 !important;
    background: #ffffff !important;
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    height: auto !important;
    padding: 0 !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.single-product .product-hero-banner-gallery img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff !important;
    display: block !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    transform: none !important;
}
.woocommerce div.product div.images .flex-control-thumbs {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    margin-top: 12px !important;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    background: #ffffff !important;
    border: 1px solid #e6ecf2 !important;
    border-radius: 6px !important;
    padding: 6px !important;
    box-sizing: border-box !important;
}

/* PhotoSwipe lightbox — force visible nav arrows and UI controls */
.pswp .pswp__ui {
    visibility: visible !important;
}
.pswp .pswp__button,
.pswp .pswp__button--arrow--left,
.pswp .pswp__button--arrow--right,
.pswp .pswp__button--arrow--prev,
.pswp .pswp__button--arrow--next {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.pswp .pswp__button--arrow--left:before,
.pswp .pswp__button--arrow--right:before,
.pswp .pswp__button--arrow--prev:before,
.pswp .pswp__button--arrow--next:before {
    background-color: rgba(29, 40, 89, 0.85) !important;
    border-radius: 50%;
}

/* ============================================
   6b. Kill WC ::before/::after clearfix pseudo that creates empty grid cell
   ============================================ */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
.forti-urunler-browser ul.products::before,
.forti-urunler-browser ul.products::after,
ul.products.columns-4::before,
ul.products.columns-4::after,
ul.products.columns-3::before,
ul.products.columns-3::after,
ul.products.columns-2::before,
ul.products.columns-2::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* ============================================
   7. Product grid alignment (/urunler/ + category archives)
   ============================================ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e6ecf2;
    border-radius: 10px;
    padding: 16px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.woocommerce ul.products li.product:hover {
    box-shadow: 0 8px 24px rgba(29, 40, 89, 0.1);
    transform: translateY(-2px);
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column;
    flex: 1;
}
.woocommerce ul.products li.product img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #ffffff;
    margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 15px;
    line-height: 1.35;
    min-height: 2.7em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.woocommerce ul.products li.product .button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 14px auto 0 !important;
    min-width: 140px;
    max-width: 100%;
    width: auto !important;
    text-align: center;
    padding: 10px 22px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

/* ============================================
   8. WPForms submit button — navy globally
   ============================================ */
.wpforms-container button.wpforms-submit,
.wpforms-container input[type="submit"].wpforms-submit {
    background: var(--forti-navy) !important;
    background-image: none !important;
    background-color: var(--forti-navy) !important;
    border: 1px solid var(--forti-navy) !important;
    color: #ffffff !important;
}
.wpforms-container button.wpforms-submit:hover,
.wpforms-container input[type="submit"].wpforms-submit:hover {
    background: #151d42 !important;
    background-color: #151d42 !important;
}

/* ============================================
   9. RS Logo Showcase — brand description popup modal
   ============================================ */
[data-forti-brand-trigger="1"] {
    cursor: pointer;
}

.forti-brand-modal {
    align-items: center;
    display: none;
    inset: 0;
    justify-content: center;
    opacity: 0;
    padding: 24px;
    position: fixed;
    transition: opacity 0.2s ease;
    z-index: 100010;
}
.forti-brand-modal.is-open {
    display: flex;
    opacity: 1;
}
.forti-brand-modal__backdrop {
    background: rgba(15, 23, 42, 0.72);
    backdrop-filter: blur(4px);
    inset: 0;
    position: absolute;
}
.forti-brand-modal__dialog {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.28);
    max-height: calc(100vh - 48px);
    max-width: min(720px, 100%);
    overflow: auto;
    padding: 36px 32px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.forti-brand-modal__close {
    align-items: center;
    background: #f1f5f9;
    border: 1px solid #e6ecf2;
    border-radius: 999px;
    color: #1d2859;
    cursor: pointer;
    display: inline-flex;
    font-size: 22px;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    width: 36px;
}
.forti-brand-modal__close:hover,
.forti-brand-modal__close:focus {
    background: #1d2859;
    border-color: #1d2859;
    color: #ffffff;
    outline: none;
}
.forti-brand-modal__title {
    color: #1d2859;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
    margin: 0 48px 18px 0;
}
.forti-brand-modal__body {
    color: #334155;
    font-size: 15px;
    line-height: 1.7;
}
.forti-brand-modal__body > *:first-child { margin-top: 0; }
.forti-brand-modal__body > *:last-child { margin-bottom: 0; }
.forti-brand-modal__body img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.forti-brand-modal__body a {
    color: #1d2859;
    text-decoration: underline;
}

body.forti-brand-modal-open {
    overflow: hidden;
}

/* ============================================
   10. Category archive sidebar (collapsible tree)
   ============================================ */
.forti-archive-layout {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}
.forti-archive-sidebar {
    flex: 0 0 320px;
    max-width: 320px;
    background: #ffffff;
    border: 1px solid #e6ecf2;
    border-radius: 14px;
    padding: 24px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    position: sticky;
    top: 120px;
}
@media (max-width: 1200px) {
    .forti-archive-sidebar {
        flex: 0 0 260px;
        max-width: 260px;
        padding: 18px;
    }
}
.forti-archive-sidebar__title {
    color: #1d2859;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6ecf2;
}
.forti-archive-main {
    flex: 1 1 auto;
    min-width: 0;
}
.forti-archive-main > .entry-content,
.forti-archive-main .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.forti-archive-main .entry-content > *:first-child,
.forti-archive-main .forti-urunler-browser,
.forti-archive-main .woocommerce {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Collapse the outer article/row padding injected by Industrie theme on /urunler/ */
.page-id-30998 .site-content .row,
.woocommerce-page .site-content .row.padding- {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.page-id-30998 article.hentry,
.page-id-30998 article.hentry > .entry-content,
.tax-product_cat article.hentry,
.tax-product_cat article.hentry > .entry-content {
    margin: 0 !important;
    padding: 0 !important;
}
.forti-archive-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================
    Product detail sidebar widening + back-to-top color
   ============================================ */
/* Widen the single-product right sidebar column */
.single-product .col-lg-4.sticky-sidebar {
    flex: 0 0 33%;
    max-width: 33%;
}
.single-product .col-lg-8 {
    flex: 0 0 67%;
    max-width: 67%;
}
@media (max-width: 991px) {
    .single-product .col-lg-4.sticky-sidebar,
    .single-product .col-lg-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.single-product .col-lg-4.sticky-sidebar .forti-archive-sidebar,
.single-product .col-lg-4.sticky-sidebar .widget-area {
    max-width: none !important;
    width: 100% !important;
}
.single-product .col-lg-4.sticky-sidebar .forti-archive-sidebar {
    flex: none;
    position: sticky;
    top: 120px;
}

/* Back-to-top (#scrollUp) — transparent wrapper, gray circle icon */
#scrollUp,
.scrollup,
.scroll-top,
.back-to-top {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
#scrollUp i.ri-arrow-up-s-line,
.scrollup i.ri-arrow-up-s-line,
.scroll-top i.ri-arrow-up-s-line,
.back-to-top i.ri-arrow-up-s-line,
i.ri-arrow-up-s-line {
    background-color: #6b7280 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transition: background-color 0.15s ease, transform 0.15s ease;
}
#scrollUp:hover i.ri-arrow-up-s-line,
.scrollup:hover i.ri-arrow-up-s-line,
.scroll-top:hover i.ri-arrow-up-s-line,
.back-to-top:hover i.ri-arrow-up-s-line {
    background-color: #4b5563 !important;
    transform: scale(1.06);
}

ul.forti-cat-tree {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.forti-cat-tree ul.forti-cat-tree {
    display: none;
    margin: 8px 0 8px 12px;
    padding-left: 12px;
    border-left: 2px solid #e6ecf2;
}
li.forti-cat-open > ul.forti-cat-tree {
    display: block;
}
li.forti-cat-item {
    margin: 0 0 6px;
    padding: 0;
}
.forti-cat-row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.forti-cat-row .forti-cat-link {
    flex: 1;
    color: #334155;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
    line-height: 1.35;
}
.forti-cat-row .forti-cat-link:hover {
    background: #f1f5f9;
    color: #1d2859;
}
.forti-cat-current > .forti-cat-row > .forti-cat-link {
    background: #1d2859;
    color: #ffffff;
    font-weight: 600;
}
.forti-cat-toggle {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    background: #ffffff;
    border: 1px solid #e6ecf2;
    border-radius: 6px;
    color: #1d2859;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.forti-cat-toggle:hover,
.forti-cat-toggle:focus {
    background: #1d2859;
    border-color: #1d2859;
    color: #ffffff;
    outline: none;
}

@media (max-width: 992px) {
    .forti-archive-layout {
        flex-direction: column;
    }
    .forti-archive-sidebar {
        flex: 1 1 100%;
        max-width: 100%;
        position: static;
    }
}

/* ============================================
   11. Utility — force navy on generic "read more" links
   ============================================ */
a.more-link,
.read-more,
.btn-primary,
.button-primary {
    background-color: var(--forti-navy) !important;
    color: #ffffff !important;
}
a.more-link:hover,
.read-more:hover {
    background-color: #151d42 !important;
}