/*
Theme Name: Nordic Child
Theme URI: https://nordic.casethemes.net/
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Nordic is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 10.0.1
License: ThemeForest
Requires PHP: 7.4
Tested up to: 6.0
License URI: https://themeforest.net/licenses
Template: nordic
Text Domain: nordic-child
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/
/* ================= BeUnder özel stiller ================= */
/* Kare logo header'ı bozmasın diye boyut kısıtı */
.pxl-header .pxl-logo img,
.pxl-header-mobile .pxl-logo img,
.elementor-widget-pxl_logo img { max-height: 58px; width: auto !important; }
.pxl-footer .pxl-logo img,
.pxl-footer .elementor-widget-pxl_image img { max-height: 90px; width: auto; }

/* ================= BeUnder Ürün sayfaları ================= */
.bu-single,.bu-archive{padding-top:60px;padding-bottom:80px}
.bu-single-top{align-items:flex-start}

/* Galeri */
.bu-main-image img{width:100%;height:auto;border-radius:12px;background:#f6f6f6;object-fit:contain}
.bu-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.bu-thumb{padding:0;border:2px solid transparent;border-radius:10px;background:#f6f6f6;cursor:pointer;line-height:0;overflow:hidden}
.bu-thumb.active{border-color:#111}
.bu-thumb img{width:80px;height:80px;object-fit:contain}

/* Bilgi */
.bu-info-col{padding-left:40px}
.bu-cat{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#8a8a8a;margin-bottom:10px}
.bu-title{font-size:40px;line-height:1.1;margin:0 0 18px}
.bu-desc{color:#555;font-size:16px;line-height:1.7;margin-bottom:26px}
.bu-actions{display:flex;flex-wrap:wrap;gap:12px}
.bu-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:40px;font-weight:600;font-size:15px;transition:.2s;text-decoration:none}
.bu-btn-dark{background:#111;color:#fff}
.bu-btn-dark:hover{background:#333;color:#fff}
.bu-btn-wa{background:#25D366;color:#fff}
.bu-btn-wa:hover{background:#1eb857;color:#fff}

/* Bölümler */
.bu-section{margin-top:70px}
.bu-sec-title{font-size:26px;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid #eee}
.bu-render-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.bu-render-grid img{width:100%;border-radius:10px;background:#f6f6f6}
.bu-render-empty{color:#888;background:#f7f7f7;border:1px dashed #ddd;border-radius:10px;padding:40px;text-align:center}

/* Arşiv */
.bu-archive-head{text-align:center;margin-bottom:40px}
.bu-archive-title{font-size:44px;margin:0 0 10px}
.bu-archive-sub{color:#888;font-size:17px}
.bu-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.bu-filter-item{padding:8px 20px;border:1px solid #e2e2e2;border-radius:30px;color:#333;text-decoration:none;font-size:14px;transition:.2s}
.bu-filter-item:hover{background:#111;color:#fff;border-color:#111}
.bu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bu-card{display:block;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;text-decoration:none;transition:.25s}
.bu-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.10);transform:translateY(-4px)}
.bu-card-img{background:#f6f6f6;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bu-card-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.bu-card-body{padding:22px}
.bu-card-cat{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#999}
.bu-card-title{font-size:22px;margin:6px 0 12px;color:#111}
.bu-card-link{color:#111;font-weight:600;font-size:14px}
.bu-pagination{margin-top:44px;text-align:center}

@media(max-width:991px){
  .bu-info-col{padding-left:15px;margin-top:30px}
  .bu-title{font-size:32px}
  .bu-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:575px){
  .bu-grid,.bu-render-grid{grid-template-columns:1fr}
}

/* ===== BeUnder ürün: hero + katalog viewer + finişler ===== */
/* remove the theme's demo page-title banner on product singles (we use .bu-hero instead) */
.single-portfolio #pxl-page-title-default,
.single-portfolio #pxl-page-title-elementor{display:none !important}
.single-portfolio #pxl-main{padding-top:0 !important;margin-top:0 !important}
.bu-hero{background:#f1f1ee;color:#141414;padding:58px 0 50px;text-align:left}
.bu-crumb{font-size:13px;color:#8a8a8a;margin-bottom:20px;letter-spacing:.03em}
.bu-crumb a{color:#8a8a8a;text-decoration:none}
.bu-crumb a:hover{color:#141414}
.bu-crumb span{margin:0 8px;opacity:.5}
.bu-hero-cat{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#b0863a;margin-bottom:12px}
.bu-hero-title{font-size:54px;line-height:1.05;margin:0;color:#141414}
.bu-single{padding-top:60px !important}
.bu-info-col{padding-left:46px}
.bu-info-title{font-size:30px;margin:0 0 18px}
.bu-finishes{margin:22px 0 30px}
.bu-finishes-label{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#999;margin-bottom:10px}
/* variant type selector */
.bu-types-field{margin:24px 0 6px}
.bu-types{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
/* lock padding across all states so the theme's global button:hover (padding:0 44px 0 45px) can't resize the tab */
.bu-type,.bu-type:hover,.bu-type:focus,.bu-type:active{padding:8px 18px !important;border:1px solid #dcdcdc;border-radius:30px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;line-height:1.2;transition:border-color .18s,background .18s,color .18s;-webkit-appearance:none;appearance:none;outline:none !important}
.bu-type:hover,.bu-type:focus{border-color:#111}
.bu-type.active,.bu-type.active:hover,.bu-type.active:focus{background:#111 !important;color:#fff !important;border-color:#111}
.bu-finish-set{display:none}
.bu-finish-set.active{display:block}
.bu-swatches{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
/* override the theme's global button:hover/focus/active rule (padding 0 44px -> stretched swatch) */
.bu-sw,.bu-sw:hover,.bu-sw:focus,.bu-sw:active{flex:0 0 34px !important;width:34px !important;height:34px !important;min-width:34px !important;max-width:34px !important;box-sizing:border-box !important;padding:0 !important;border:0 !important;border-radius:50% !important;background-color:transparent;outline:none !important;cursor:pointer;-webkit-appearance:none;appearance:none;transition:box-shadow .15s}
.bu-sw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.15)}
.bu-sw:hover,.bu-sw:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 2px #fff,0 0 0 4px #bbb}
.bu-sw.active,.bu-sw.active:hover,.bu-sw.active:focus{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 2px #fff,0 0 0 4px #111}
.bu-btn-outline{background:transparent;border:1.5px solid #111;color:#111}
.bu-btn-outline:hover{background:#111;color:#fff}
.bu-btn-sm{padding:10px 20px;font-size:13px}
/* Katalog viewer */
.bu-catalog-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #eee}
.bu-catalog-tools{display:flex;gap:10px}
/* compact, on-brand catalog toolbar buttons (override theme's oversized button styles) */
.bu-catalog-tools .bu-btn{padding:9px 20px !important;font-size:13px !important;font-weight:600 !important;border-radius:22px !important;min-width:0 !important;min-height:0 !important;height:auto !important;line-height:1.25 !important;letter-spacing:0 !important}
.bu-catalog-tools .bu-btn svg{display:none}
.bu-pdf-frame{position:relative;width:100%;aspect-ratio:16/10;background:#f4f4f4;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.bu-pdf-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bu-pdf-frame:fullscreen{aspect-ratio:auto;width:100%;height:100%;border-radius:0;background:#fff}
.bu-pdf-frame:-webkit-full-screen{aspect-ratio:auto;width:100%;height:100%;border-radius:0;background:#fff}
#bu-fs-btn{cursor:pointer}
@media(max-width:991px){.bu-hero{padding:40px 0 36px}.bu-hero-title{font-size:36px}.bu-info-col{padding-left:15px;margin-top:34px}}

/* ===== Language switcher (TranslatePress-aware, replaces fake pxl_language) ===== */
.bu-lang{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:.04em;line-height:1}
.bu-lang a{text-decoration:none;transition:color .18s}
/* DEFAULT = dark text (for the light-background headers: contact/main/blog-sticky/portfolio-light) */
.bu-lang a{color:#7a7a7a}
.bu-lang a:hover{color:#111}
.bu-lang .bu-lang-cur{color:#111}
.bu-lang .bu-lang-sep{color:#c4c4c4;font-weight:400}
/* DARK-background headers (#121212) -> light text. Scoped by each header's Elementor id. */
.elementor-5019 .bu-lang a,.elementor-5048 .bu-lang a,.elementor-14828 .bu-lang a,.elementor-14829 .bu-lang a,.elementor-7588 .bu-lang a,.elementor-8841 .bu-lang a{color:#9a9a9a}
.elementor-5019 .bu-lang a:hover,.elementor-5048 .bu-lang a:hover,.elementor-14828 .bu-lang a:hover,.elementor-14829 .bu-lang a:hover,.elementor-7588 .bu-lang a:hover,.elementor-8841 .bu-lang a:hover,
.elementor-5019 .bu-lang .bu-lang-cur,.elementor-5048 .bu-lang .bu-lang-cur,.elementor-14828 .bu-lang .bu-lang-cur,.elementor-14829 .bu-lang .bu-lang-cur,.elementor-7588 .bu-lang .bu-lang-cur,.elementor-8841 .bu-lang .bu-lang-cur{color:#fff}
.elementor-5019 .bu-lang .bu-lang-sep,.elementor-5048 .bu-lang .bu-lang-sep,.elementor-14828 .bu-lang .bu-lang-sep,.elementor-14829 .bu-lang .bu-lang-sep,.elementor-7588 .bu-lang .bu-lang-sep,.elementor-8841 .bu-lang .bu-lang-sep{color:#5a5a5a}

/* ===== Homepage splash hero (black + big logo + tagline) ===== */
.elementor-element-e1e74f1{min-height:100vh;justify-content:flex-start !important;align-items:center !important;text-align:center;padding:15vh 15px 60px}
.elementor-element-bulogo01{margin-bottom:30px}
.elementor-element-bulogo01 .pxl-image-single img{max-height:330px !important;height:auto !important;width:auto !important;max-width:94% !important;display:inline-block !important}
.elementor-element-butag001 .pxl-heading .pxl-item--title{color:#fff !important;font-size:clamp(19px,2.3vw,30px) !important;font-weight:500 !important;line-height:1.4 !important;letter-spacing:.01em !important;max-width:820px;margin:0 auto !important}
.elementor-element-budesc01{max-width:660px;margin:22px auto 0}
.elementor-element-budesc01 .pxl-text-editor{color:#bcbcbc !important;font-size:17px !important;line-height:1.75 !important;text-align:center}
@media(max-width:767px){.elementor-element-e1e74f1{min-height:86vh;padding-top:16vh}.elementor-element-bulogo01 .pxl-image-single img{max-height:200px !important}.elementor-element-budesc01 .pxl-text-editor{font-size:15px !important}}