/* =====================================================
   AT Wire Türkiye — Main Styles
   at-wire.com Türkiye yapısı için optimize edilmiştir
   ===================================================== */

/* ----- Hero background ----- */
.hero-bg {
    background-image: url('../img/hero.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ----- Neutral flag (removed Germany-specific) ----- */
.flag-de {
    background: linear-gradient(
        to bottom,
        #0E1822 0%,
        #0E1822 100%
    );
}

/* ----- Header section ----- */
.page-header-bg {
    background-color: #0E1822;
}

/* ----- Smooth scroll ----- */
html {
    scroll-behavior: smooth;
}

/* ----- Button focus ----- */
.flag-btn:focus-visible {
    outline: 2px solid #17c7c9;
    outline-offset: 2px;
}

/* ----- Product hero ----- */
.product-hero-bg {
    background-color: #f0f2f5;
}

/* ----- Table zebra ----- */
.spec-table tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, 0.65);
}

/* ----- Gallery ratio fix ----- */
.gallery-card-img {
    aspect-ratio: 4 / 3;
}

/* ----- Hero dark grid ----- */
.hero-dark-bg {
    background-color: #0E1822;
}

/* ----- Scrollbar hidden ----- */
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
    display: none;
}

/* ----- NAVIGATION ----- */
.main-nav__link {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #0E1822;
}

.main-nav__link::after {
    background-color: #17c7c9;
}

.main-nav__link:hover {
    color: #17c7c9;
}

.current-menu-item > a,
.current_page_item > a {
    color: #17c7c9;
}

/* ----- LOGO ----- */
nav img[alt="AT Wire Logo"] {
    height: 44px;
}

/* ----- SUBMENU ----- */
.atw-submenu li a:hover {
    color: #17c7c9;
}

/* ----- HOMEPAGE ----- */
.atw-home-page {
  --accent:#17c7c9;
  --accent2:#46c2ff;
}

/* ----- BUTTON ----- */
.atw-btn-primary {
    background: linear-gradient(90deg, rgba(23,199,201,.20), rgba(23,199,201,.14));
    color: #17c7c9;
}