/* =========================================================
   Mutfakio Clone Kit — Ana Stil Dosyası
   ========================================================= */

:root{
	--mck-red: #E2231A;
	--mck-red-dark: #C81E16;
	--mck-text: #1f1f1f;
	--mck-gray: #6b6b6b;
	--mck-bg-light: #f6f6f6;
	--mck-border: #e3e3e3;
	--mck-radius: 6px;
}

/* ---------- Genel ---------- */
body.woocommerce, body.home {
	color: var(--mck-text);
}

.mck-btn-red{
	background: var(--mck-red);
	color:#fff;
	border:none;
	border-radius: var(--mck-radius);
	padding: 10px 22px;
	font-weight:600;
	cursor:pointer;
	text-decoration:none;
	display:inline-block;
}
.mck-btn-red:hover{ background:var(--mck-red-dark); color:#fff; }

.mck-btn-outline{
	background:#fff;
	color:var(--mck-text);
	border:1px solid var(--mck-border);
	border-radius: var(--mck-radius);
	padding: 9px 22px;
	font-weight:600;
	cursor:pointer;
	text-decoration:none;
	display:inline-block;
}

/* =========================================================
   HEADER — kırmızı şerit: logo + arama + giriş/sepet
   ========================================================= */

/* Temanın orijinal header'ını gizle (ayarlardan kapatılabilir) */
body.mck-hide-theme-header .site-header,
body.mck-hide-theme-header #masthead,
body.mck-hide-theme-header header.site-header,
body.mck-hide-theme-header > header:not(.mck-custom-header){
	display:none !important;
}

.mck-custom-header{
	background: var(--mck-red);
}

.mck-header-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	max-width:1320px;
	margin:0 auto;
	padding:16px 24px;
}

.mck-logo{
	color:#fff;
	font-weight:800;
	font-size:26px;
	letter-spacing:.5px;
	text-decoration:none;
	display:flex;
	align-items:center;
	gap:6px;
}

.mck-search-form{
	flex:1;
	max-width:620px;
	position:relative;
}
.mck-search-form input[type="search"],
.mck-search-form input[type="text"]{
	width:100%;
	border:none;
	border-radius: 24px;
	padding:12px 50px 12px 20px;
	font-size:15px;
	outline:none;
}
.mck-search-form button{
	position:absolute;
	right:6px;
	top:50%;
	transform:translateY(-50%);
	background:transparent;
	border:none;
	color: var(--mck-red);
	font-size:18px;
	cursor:pointer;
}

.mck-header-actions{
	display:flex;
	align-items:center;
	gap:28px;
}
.mck-header-actions a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-weight:600;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	position:relative;
}
.mck-header-actions .mck-cart-count{
	position:absolute;
	top:-6px;
	right:-10px;
	background:#1f1f1f;
	color:#fff;
	border-radius:50%;
	width:16px;height:16px;
	font-size:10px;
	display:flex;align-items:center;justify-content:center;
}

/* ---------- Navigasyon (kategori şeridi) ---------- */
.mck-main-nav, nav.main-navigation{
	background:#fff;
	border-bottom:1px solid var(--mck-border);
}
.mck-main-nav ul{
	max-width:1320px;
	margin:0 auto;
	display:flex;
	list-style:none;
	padding:0 24px;
	gap:8px;
	flex-wrap:wrap;
}
.mck-main-nav ul li a{
	display:block;
	padding:16px 14px;
	color:var(--mck-text);
	text-decoration:none;
	font-weight:600;
	font-size:14px;
	text-align:center;
}
.mck-main-nav ul li a:hover{ color:var(--mck-red); }

/* =========================================================
   HERO — büyük slider + 2 yan banner
   ========================================================= */
.mck-hero{
	max-width:1320px;
	margin:24px auto;
	padding:0 24px;
	display:grid;
	grid-template-columns: 1.5fr 1fr;
	gap:20px;
}
.mck-hero-main{
	position:relative;
	min-height:430px;
	border-radius:12px;
	background-size:cover;
	background-position:center;
	background-color:#0b3d91;
	display:flex;
	align-items:center;
	overflow:hidden;
}
.mck-hero-main-content{
	color:#fff;
	padding:48px;
	max-width:420px;
}
.mck-hero-eyebrow{
	display:block;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:6px;
}
.mck-hero-main-content h2{
	font-size:38px;
	font-weight:800;
	line-height:1.15;
	margin:0 0 16px;
	color:#fff;
}
.mck-hero-main-content p{
	margin:0 0 22px;
	font-size:16px;
	opacity:.95;
}
.mck-btn-white{
	background:#fff;
	color:var(--mck-text);
	border-radius:24px;
	padding:12px 26px;
	font-weight:700;
	text-decoration:none;
	display:inline-block;
}
.mck-hero-arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background:rgba(255,255,255,.25);
	border:none;
	color:#fff;
	font-size:22px;
	width:36px;height:36px;
	border-radius:50%;
	cursor:pointer;
}
.mck-hero-arrow-prev{ left:16px; }
.mck-hero-arrow-next{ right:16px; }

.mck-hero-side{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.mck-hero-side-banner{
	flex:1;
	border-radius:12px;
	background-size:cover;
	background-position:center;
	background-color:#1a2540;
	padding:28px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-decoration:none;
	min-height:195px;
}
.mck-hero-side-brand{
	color:#fff;
	font-weight:700;
	margin-bottom:8px;
	font-size:14px;
}
.mck-hero-side-banner h3{
	color:#fff;
	font-size:20px;
	font-weight:800;
	margin:0 0 16px;
	max-width:260px;
}
.mck-btn-white-sm{
	background:#fff;
	color:var(--mck-text);
	border-radius:20px;
	padding:8px 18px;
	font-weight:700;
	font-size:13px;
	display:inline-block;
	width:max-content;
}

/* =========================================================
   SEKTÖREL KATEGORİLER — yuvarlak ikon ızgarası
   ========================================================= */
.mck-sector{
	max-width:1320px;
	margin:40px auto;
	padding:0 24px;
}
.mck-sector-title{
	font-size:24px;
	font-weight:800;
	margin-bottom:20px;
}
.mck-sector-grid{
	display:grid;
	grid-template-columns: repeat(8, 1fr);
	gap:18px;
}
.mck-sector-item{
	text-decoration:none;
	text-align:center;
	color:var(--mck-text);
}
.mck-sector-thumb{
	display:block;
	width:100%;
	aspect-ratio:1/1;
	border-radius:14px;
	background-size:cover;
	background-position:center;
	border:3px solid #fff;
	box-shadow:0 0 0 2px var(--mck-border);
	margin-bottom:10px;
}
.mck-sector-label{
	font-size:13px;
	font-weight:600;
}

@media (max-width: 980px){
	.mck-sector-grid{ grid-template-columns: repeat(4,1fr); }
	.mck-hero{ grid-template-columns: 1fr; }
}
@media (max-width: 600px){
	.mck-sector-grid{ grid-template-columns: repeat(2,1fr); }
}

/* =========================================================
   KATEGORİ SAYFASI — üst ikon satırı + sol filtre + grid
   ========================================================= */
.mck-cat-icons{
	max-width:1320px;
	margin:20px auto;
	padding:0 24px;
	display:flex;
	gap:24px;
	overflow-x:auto;
}
.mck-cat-icon-item{
	flex:0 0 auto;
	text-decoration:none;
	text-align:center;
	color:var(--mck-text);
	width:90px;
}
.mck-cat-icon-thumb{
	display:block;
	width:90px;height:64px;
	border-radius:10px;
	background-size:cover;
	background-position:center;
	background-color:#fdeceb;
	margin-bottom:8px;
	border-bottom:3px solid var(--mck-red);
}
.mck-cat-icon-label{
	font-size:12px;
	font-weight:600;
}

.mck-quick-filters{
	max-width:1320px;
	margin:0 auto 20px;
	padding:0 24px;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:14px;
}
.mck-help-pill{
	background:#fdeceb;
	color:var(--mck-red);
	border-radius:24px;
	padding:10px 18px;
	font-weight:600;
	font-size:13px;
	text-decoration:none;
}
.mck-checkbox-pill{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:13px;
	font-weight:600;
	border:1px solid var(--mck-border);
	padding:8px 14px;
	border-radius:20px;
}
.mck-result-count{
	margin-left:auto;
	font-size:13px;
	color:var(--mck-gray);
}

.mck-shop-layout{
	max-width:1320px;
	margin:0 auto;
	padding:0 24px;
	display:grid;
	grid-template-columns: 260px 1fr;
	gap:28px;
	align-items:flex-start;
}
.mck-shop-sidebar{
	border:1px solid var(--mck-border);
	border-radius: var(--mck-radius);
	padding:16px;
}
.mck-sidebar-box{
	border-bottom:1px solid var(--mck-border);
	padding-bottom:14px;
	margin-bottom:14px;
}
.mck-sidebar-title{
	font-weight:700;
	font-size:15px;
}
.mck-sidebar-toggle{
	width:100%;
	display:flex;
	justify-content:space-between;
	background:none;
	border:none;
	font-weight:700;
	font-size:14px;
	padding:6px 0;
	cursor:pointer;
}
.mck-brand-list{ list-style:none; padding:0; margin:10px 0 0; }
.mck-brand-list li{ padding:5px 0; font-size:13px; }
.mck-empty{ color:var(--mck-gray); font-size:13px; }
.mck-filter-submit{ width:100%; margin-bottom:10px; }
.mck-filter-clear{ width:100%; }

.mck-shop-main .products{
	display:grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap:20px;
}
.mck-shop-main .product{
	border:1px solid var(--mck-border);
	border-radius: var(--mck-radius);
	padding:16px;
	text-align:left;
}

@media (max-width: 980px){
	.mck-shop-layout{ grid-template-columns: 1fr; }
	.mck-shop-main .products{ grid-template-columns: repeat(2,1fr) !important; }
}

/* =========================================================
   ÜRÜN DETAY SAYFASI
   ========================================================= */
.mck-brand-box{
	display:flex;
	align-items:center;
	gap:8px;
	font-weight:700;
	color:var(--mck-gray);
	margin:14px 0;
}
.mck-brand-dot{
	width:10px;height:10px;border-radius:50%;
	background: var(--mck-red);
	display:inline-block;
}
.mck-btn-buy-now{
	background:#1f1f1f;
	color:#fff;
	border-radius: var(--mck-radius);
	padding:10px 24px;
	font-weight:700;
	text-decoration:none;
	margin-left:10px;
	display:inline-block;
}
.mck-cheaper-link{ margin-top:10px; }
.mck-cheaper-link a{
	color:var(--mck-gray);
	font-size:13px;
	text-decoration:none;
}
.mck-cheaper-link a:hover{ color:var(--mck-red); }

/* WooCommerce sekmelerini akordeona benzer sade görünüme çek */
.woocommerce-tabs ul.tabs{
	display:flex;
	flex-direction:column;
	border:none;
	gap:8px;
}
.woocommerce-tabs ul.tabs li{
	border:1px solid var(--mck-border) !important;
	border-radius: var(--mck-radius) !important;
	margin:0 !important;
}
.woocommerce-tabs ul.tabs li a{
	padding:14px 16px !important;
	font-weight:700 !important;
	color:var(--mck-red) !important;
}
.woocommerce-tabs .panel{
	border:1px solid var(--mck-border);
	border-top:none;
	padding:16px;
	margin-top:-8px;
	border-radius:0 0 var(--mck-radius) var(--mck-radius);
}