/* Site temaları — (tema/genel/index.php). Varsayılan panelden, ziyaretçi seçimi çerezden (_class/baglan.php).
Her tema yalnız değişkenleri belirler; vurgu rengi (düğmeler, fare üzerine gelme, etiketler) ve koyu alanlar bu değişkenlerden gelir.
"mavi" eski görünümdür: değişken atanmaz. */
/* ---------- Tema değişkenleri ---------- */
html[data-tema="pantone"] {
--am-turuncu: #ec7c18; --am-vurgu-acik: #fbeee0; --am-vurgu-cizgi: #ecc7a2; --am-vurgu-koyu: #c95f07; --am-vurgu-parlak: #f6a24b; --am-vurgu-rgb: 236, 124, 24;
--tm-koyu-1: #2a2623; --tm-koyu-2: #4a4540; --tm-koyu-rgb: 47, 43, 40; --tm-gece: #2f2b28; --tm-parilti-rgb: 207, 199, 186;
--tm-zemin: #f0eee9; --tm-kart: #fbfaf7;
--am-petrol: #4a4540; --am-koyu: #34302c; --am-murekkep: #2b2825; --am-soluk: #7a736b; --am-cizgi: #ddd6cb; --am-zemin: #e9e5dd;
}
html[data-tema="yesil"] {
--am-turuncu: #1f9d61; --am-vurgu-acik: #e3f4ea; --am-vurgu-cizgi: #a9dcbf; --am-vurgu-koyu: #157a4a; --am-vurgu-parlak: #3fbf80; --am-vurgu-rgb: 31, 157, 97;
--tm-koyu-1: #0b2e22; --tm-koyu-2: #15543d; --tm-koyu-rgb: 15, 61, 46; --tm-gece: #0f3d2e; --tm-parilti-rgb: 120, 220, 170;
--tm-zemin: #f3f7f4; --tm-kart: #ffffff;
--am-petrol: #15543d; --am-koyu: #0f3d2e; --am-murekkep: #13261e; --am-soluk: #5e7268; --am-cizgi: #d9e6dd; --am-zemin: #e9f1ec;
}
html[data-tema="mor"] {
--am-turuncu: #8b5cf6; --am-vurgu-acik: #f0eafe; --am-vurgu-cizgi: #cdbcfb; --am-vurgu-koyu: #6d3fe0; --am-vurgu-parlak: #a985fa; --am-vurgu-rgb: 139, 92, 246;
--tm-koyu-1: #1d1536; --tm-koyu-2: #3b2c72; --tm-koyu-rgb: 42, 31, 74; --tm-gece: #2a1f4a; --tm-parilti-rgb: 170, 140, 255;
--tm-zemin: #f6f4fa; --tm-kart: #ffffff;
--am-petrol: #3b2c72; --am-koyu: #2a1f4a; --am-murekkep: #1f1a33; --am-soluk: #6c6680; --am-cizgi: #e3def0; --am-zemin: #efebf7;
}
html[data-tema="bordo"] {
--am-turuncu: #b8800f; --am-vurgu-acik: #fbf2dc; --am-vurgu-cizgi: #ecd29a; --am-vurgu-koyu: #946508; --am-vurgu-parlak: #ebb84f; --am-vurgu-rgb: 217, 154, 30;
--tm-koyu-1: #2e0c12; --tm-koyu-2: #6b1f2c; --tm-koyu-rgb: 74, 22, 32; --tm-gece: #3b1219; --tm-parilti-rgb: 220, 120, 130;
--tm-zemin: #f8f4f2; --tm-kart: #ffffff;
--am-petrol: #6b1f2c; --am-koyu: #4a1620; --am-murekkep: #2a1418; --am-soluk: #7a6467; --am-cizgi: #ecdfdc; --am-zemin: #f3ebe9;
}
html[data-tema="koyu"] {
--am-turuncu: #f08a2c; --am-vurgu-acik: #3a2814; --am-vurgu-cizgi: #6b4a24; --am-vurgu-koyu: #d36f12; --am-vurgu-parlak: #f6a24b; --am-vurgu-rgb: 240, 138, 44;
--tm-koyu-1: #07090d; --tm-koyu-2: #141a25; --tm-koyu-rgb: 11, 14, 20; --tm-gece: #07090d; --tm-parilti-rgb: 90, 120, 200;
--tm-zemin: #0f1218; --tm-kart: #171c26;
--am-petrol: #c9d1e3; --am-koyu: #0b0e14; --am-murekkep: #e8ebf2; --am-soluk: #9aa3b5; --am-cizgi: #2a3142; --am-zemin: #1a1f2b;
color-scheme: dark;
}
/* ---------- Ortak: mavi dışındaki temalarda zemin, kartlar, koyu alanlar ---------- */
html[data-tema]:not([data-tema="mavi"]) body { background-color: var(--tm-zemin) !important; }
html[data-tema]:not([data-tema="mavi"]) .pageheader,
html[data-tema]:not([data-tema="mavi"]) .footer.bg-img,
html[data-tema]:not([data-tema="mavi"]) footer.bg-img { background-color: var(--tm-gece) !important; background-blend-mode: luminosity; }
html[data-tema]:not([data-tema="mavi"]) .ay-bolum--sicak { background: linear-gradient(180deg, var(--am-vurgu-acik), var(--tm-zemin)); }
html[data-tema]:not([data-tema="mavi"]) .ay-markalar,
html[data-tema]:not([data-tema="mavi"]) .ay-kayan,
html[data-tema]:not([data-tema="mavi"]) .rf-duvar,
html[data-tema]:not([data-tema="mavi"]) .rf-seritler,
html[data-tema]:not([data-tema="mavi"]) .ul-sekmeler { background: var(--tm-zemin) !important; }
html[data-tema]:not([data-tema="mavi"]) .ay-paket,
html[data-tema]:not([data-tema="mavi"]) .ul-altlar a:not([aria-current]),
html[data-tema]:not([data-tema="mavi"]) .sb__adim,
html[data-tema]:not([data-tema="mavi"]) .rf-kart,
html[data-tema]:not([data-tema="mavi"]) .rf-bento__oge,
html[data-tema]:not([data-tema="mavi"]) .mg-yorum,
html[data-tema]:not([data-tema="mavi"]) .mg-form,
html[data-tema]:not([data-tema="mavi"]) .gn-kayit,
html[data-tema]:not([data-tema="mavi"]) .ay-yorum,
html[data-tema]:not([data-tema="mavi"]) .ay-sorgu,
html[data-tema]:not([data-tema="mavi"]) .ay-form,
html[data-tema]:not([data-tema="mavi"]) .ay-serit { background: var(--tm-kart) !important; }
/* ---------- Koyu tema: metin, yüzeyler, formlar, logolar ---------- */
html[data-tema="koyu"] body, html[data-tema="koyu"] p, html[data-tema="koyu"] li, html[data-tema="koyu"] label, html[data-tema="koyu"] td, html[data-tema="koyu"] span:not([class*="fa-"]) { color: var(--am-murekkep); }
html[data-tema="koyu"] h1, html[data-tema="koyu"] h2, html[data-tema="koyu"] h3, html[data-tema="koyu"] h4, html[data-tema="koyu"] h5, html[data-tema="koyu"] h6,
html[data-tema="koyu"] .ay-paket h3 a, html[data-tema="koyu"] .ay-paket__fiyat b, html[data-tema="koyu"] .rf-sayac b { color: #f3f5fa !important; }
html[data-tema="koyu"] .ay-baslik p, html[data-tema="koyu"] .ul-arac, html[data-tema="koyu"] .mg-ust p, html[data-tema="koyu"] .gn-ust p, html[data-tema="koyu"] .ay-paket__fiyat s { color: var(--am-soluk) !important; }
html[data-tema="koyu"] section, html[data-tema="koyu"] .ay-bolum--gri, html[data-tema="koyu"] .bg-white, html[data-tema="koyu"] .padding-tb:not(.pageheader) { background-color: var(--tm-zemin) !important; }
html[data-tema="koyu"] input, html[data-tema="koyu"] select, html[data-tema="koyu"] textarea { background-color: var(--am-zemin) !important; color: var(--am-murekkep) !important; border-color: var(--am-cizgi) !important; }
html[data-tema="koyu"] .header__bottom .area .menu > ul > li > ul,
html[data-tema="koyu"] .am-ara__kutu, html[data-tema="koyu"] .rf-onizle a, html[data-tema="koyu"] .ul-altlar a small { background: var(--tm-kart) !important; }
html[data-tema="koyu"] .header__bottom .area .menu ul.am-mega ul li a { color: var(--am-soluk) !important; }
html[data-tema="koyu"] .header__bottom .area .menu > ul > li > ul li a, html[data-tema="koyu"] .am-mega__baslik span { color: var(--am-murekkep) !important; }
html[data-tema="koyu"] .ay-kayan__set img, html[data-tema="koyu"] .rf img { mix-blend-mode: screen; filter: grayscale(1) invert(1) brightness(1.1); opacity: .7; }
html[data-tema="koyu"] .ay-kayan__set a:hover img, html[data-tema="koyu"] .rf-duvar__logo:hover img, html[data-tema="koyu"] .rf-serit__logo:hover img { filter: invert(1) hue-rotate(180deg); opacity: 1; }
html[data-tema="koyu"] .ay-paket__gorsel { background: #0b0e14; }
/* ---------- Ön yüz tema seçici ---------- */
.tm-sec { position: relative; }
.tm-sec__dugme { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: var(--am-turuncu); cursor: pointer; transition: background .2s; }
.tm-sec__dugme:hover, .tm-sec__dugme[aria-expanded="true"] { background: rgba(255,255,255,.22); }
.tm-sec__kutu { position: absolute; right: 0; top: calc(100% + 12px); z-index: 1000; width: 230px; padding: 10px; border-radius: 14px; background: var(--tm-kart, #fff); box-shadow: 0 20px 50px rgba(0,0,0,.25); display: grid; gap: 4px; }
.tm-sec__kutu[hidden] { display: none; }
.tm-sec__kutu b { font-size: 13px; color: var(--am-soluk); padding: 4px 8px; }
.tm-sec__kutu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px; border: 0; border-radius: 10px; background: none; color: var(--am-murekkep); font-size: 15px; text-align: left; cursor: pointer; }
.tm-sec__kutu button:hover { background: var(--am-vurgu-acik); color: var(--am-turuncu); }
.tm-sec__kutu button[aria-pressed="true"] { font-weight: 600; color: var(--am-turuncu); }
.tm-sec__kutu i { width: 22px; height: 22px; flex: none; border-radius: 50%; border: 2px solid rgba(0,0,0,.1); }
/* Koyu temada beyaz kalan parçalar */
html[data-tema="koyu"] .ay-sss details, html[data-tema="koyu"] .ay-dugme--cizgi, html[data-tema="koyu"] .ay-sorgu__sekme button[aria-selected="true"] { background: var(--tm-kart) !important; }
html[data-tema="koyu"] .ay-bant__dugme, html[data-tema="koyu"] .ay-bant__dugme * { color: #16203a !important; }
html[data-tema="koyu"] .ay-bant span.ay-etiket { color: #fff !important; }
html[data-tema="koyu"] .ay-sss details > div, html[data-tema="koyu"] .ay-sss details > div * { color: var(--am-soluk) !important; }
/* Koyu tema: eski temadan gelen beyaz/açık kutular (tarama ile bulundu) */
html[data-tema="koyu"] .accordion-item, html[data-tema="koyu"] .accordion-button, html[data-tema="koyu"] .accordion-collapse, html[data-tema="koyu"] .accordion-body,
html[data-tema="koyu"] table, html[data-tema="koyu"] thead, html[data-tema="koyu"] tbody, html[data-tema="koyu"] tr, html[data-tema="koyu"] th, html[data-tema="koyu"] td,
html[data-tema="koyu"] .sidebar__cartamount, html[data-tema="koyu"] .cart__top, html[data-tema="koyu"] .cart__bottom, html[data-tema="koyu"] .sidebar,
html[data-tema="koyu"] .project-one__content-box, html[data-tema="koyu"] .flat-product-content, html[data-tema="koyu"] .product-cart-wrap, html[data-tema="koyu"] .contact__item,
html[data-tema="koyu"] .product-detail, html[data-tema="koyu"] .product-detail-bar, html[data-tema="koyu"] .features, html[data-tema="koyu"] .billing-content, html[data-tema="koyu"] .billing-content-2,
html[data-tema="koyu"] .siparis_tarih, html[data-tema="koyu"] .attribute-swatch-item span, html[data-tema="koyu"] .cart-plus-minus, html[data-tema="koyu"] .card, html[data-tema="koyu"] .modal-content { background-color: var(--tm-kart) !important; border-color: var(--am-cizgi) !important; }
html[data-tema="koyu"] .accordion-button *, html[data-tema="koyu"] .product-detail-bar li, html[data-tema="koyu"] .product-detail-bar li a, html[data-tema="koyu"] .cart-plus-minus * { color: var(--am-murekkep) !important; }
.flat-product-detail .sale, .flat-product-detail .out-yeni, .product-badges .sale { background: var(--am-turuncu) !important; color: #fff !important; }
/* WhatsApp düğmesi: beyaz yazı okunsun (tüm temalar) */
.ay-dugme--wp { background: #1a8f4c !important; }
/* Tarama düzeltmeleri (tüm temalar) */
.project-one__content-box { background-color: var(--tm-koyu-1) !important; }
.project-one__title a { color: #fff !important; }
.project-one__title a:hover { color: var(--am-turuncu) !important; }
.gn-etiket { color: var(--am-vurgu-koyu) !important; }
html[data-tema="koyu"] .gn-etiket { color: var(--am-turuncu) !important; }
html[data-tema="koyu"] :is(.flat-product-content, .product-cart-wrap, .product-detail, .features, .billing-content, td) :is(p, span, li, a, h1, h2, h3, h4, h5, h6, small, div, strong, b):not(.sale):not(.out-yeni):not(.lab-btn):not(.sepeteEkleBtn):not(.best):not(.add):not(.add *) { color: var(--am-murekkep) !important; }
.ay-yildiz { color: #c47a06 !important; }
.mg-ust .ay-ustbaslik, .gn-ust .ay-ustbaslik, .rf .ay-ustbaslik { color: var(--am-vurgu-koyu) !important; }
html[data-tema="koyu"] .mg-ust .ay-ustbaslik, html[data-tema="koyu"] .gn-ust .ay-ustbaslik, html[data-tema="koyu"] .rf .ay-ustbaslik { color: var(--am-turuncu) !important; }
.product-detail .price .regular { color: var(--am-soluk) !important; }
html[data-tema="koyu"] :is(.flat-product-content, .features, .product-cart-wrap) li, html[data-tema="koyu"] .col-sm, html[data-tema="koyu"] .product-content-wrap { background-color: var(--tm-kart) !important; }
html[data-tema="koyu"] .best, html[data-tema="koyu"] .add { background: var(--am-turuncu) !important; color: #fff !important; }
html:not([data-tema="koyu"]) :is(.ay-cizgili, .mg-bas) { color: var(--am-vurgu-koyu) !important; }
/* ---------- Alt bölüm (inc_footer.php) ---------- */
.ft { padding: 54px 0 26px; color: rgba(255,255,255,.82); }
.ft a { color: rgba(255,255,255,.82); transition: color .2s; }
.ft a:hover { color: var(--am-turuncu); }
.ft-ust { display: grid; grid-template-columns: 1.5fr repeat(5, minmax(0, 1fr)); gap: 30px 26px; }
.ft-logo img { max-width: 170px; height: auto; display: block; margin-bottom: 18px; }
.ft-iletisim, .ft-sutun ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.ft-iletisim li { display: flex; gap: 10px; align-items: baseline; }
.ft-iletisim i { color: var(--am-turuncu); width: 16px; flex: none; }
.ft-sutun h5 { color: #fff !important; margin: 0 0 14px; font-size: var(--fs-metin) !important; }
.ft-sutun a { font-size: var(--fs-kucuk); }
.ft-alt { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-top: 34px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.14); }
.ft-sosyal { display: flex; gap: 10px; }
.ft-sosyal a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.1); color: #fff; }
.ft-sosyal a:hover { background: var(--am-turuncu); color: #fff; }
.ft-bulten { display: grid; gap: 8px; min-width: min(420px, 100%); }
.ft-bulten label { color: #fff; font-weight: 600; margin: 0; }
.ft-bulten > div { display: flex; gap: 8px; }
.ft-bulten input[type=email] { flex: 1; min-width: 0; height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,.25) !important; background: rgba(255,255,255,.08) !important; color: #fff !important; }
.ft-bulten button { height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--am-turuncu); color: #fff; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ft-bulten button:hover { background: var(--am-vurgu-koyu); }
.footer__bottom a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.footer__bottom a:hover { color: var(--am-turuncu); }
@media (max-width: 1199px) { .ft-ust { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575px) { .ft-ust { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ft-ilk { grid-column: 1 / -1; } .ft-bulten > div { flex-wrap: wrap; } .ft-bulten button { width: 100%; } }
html[data-tema="koyu"] .ft span, html[data-tema="koyu"] .ft li { color: rgba(255,255,255,.82); }