/*
Theme Name: Zephyr Child
Template: Zephyr
Version: 1.0
Author:	UpSolution
Theme URI: http://zephyr.us-themes.com/
Author URI: http://us-themes.com/
*/


:root {
	--shop-amber: var(--color-shop-link-amber);
	--sta-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	--sta-shadow2: 0 8px 32px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.07);
	--sta-inshadow: inset 0 3px 9px rgb(0 0 0 / 64%), inset 0 -1px 2px rgb(0 0 0 / 4%) !important;
	--sta-panel-header: inset 0 3px 9px rgb(0 0 0 / 64%), inset 0 -1px 2px rgb(0 0 0 / 4%) !important;
	--sta-panel-body: inset 0 3px 9px rgb(0 0 0 / 61%), inset 0 -1px 2px rgb(255 255 255 / 22%) !important;
	--sta-accord-inner: inset 0px 4px 12px rgb(0 0 0 / 74%), inset 0 -3px 5px rgb(0 0 0 / 8%) !important;
	
	  /* Elevation shadow system — E0 to E4 */
  --e0:  none;
  --e1:  0 2px 6px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);
  --e2:  0 6px 16px rgba(0,0,0,.42), 0 2px 4px rgba(0,0,0,.3);
  --e3:  0 12px 32px rgba(0,0,0,.48), 0 4px 8px rgba(0,0,0,.35);
  --e4:  0 20px 56px rgba(0,0,0,.55), 0 8px 16px rgba(0,0,0,.4);
  --e5:  0 28px 72px rgba(0,0,0,.6), 0 12px 24px rgba(0,0,0,.45);

  /* Glow effects for primary accent */
  --g1: 0 0 24px rgba(245,158,11,.22), 0 0 48px rgba(245,158,11,.08);
  --g2: 0 0 20px rgba(56,189,248,.15), 0 0 40px rgba(56,189,248,.05);
  --g3: 0 0 20px rgba(52,211,153,.15), 0 0 40px rgba(52,211,153,.05);

  --sh:         var(--e3);
  --sh-sm:      var(--e1);
  --sh-md:      var(--e2);
  --sh-lg:      var(--e4);
  --transition: .25s cubic-bezier(.32,1.48,.65,1);
  --transition-fast: .15s ease-out;
  --transition-smooth: .35s cubic-bezier(.25,.8,.75,.25);

}
	.sta-panel-header {
		box-shadow: var(--sta-panel-header);
	}
	.sta-panel-body {
		box-shadow: var(--panel-body);
	}
	.sta-accord-inner {
		box-shadow: var(--sta-accord-inner);
	}


/* TERMS Sayfalari */
.sta-terms-text {
	margin-top:0px;
	padding-top:0px;
}
.sta-terms-text h1 {
	font-size:40px;
	font-weight:600;
	margin-bottom:40px;
}
.sta-terms-text h2 {
	font-size:25px;
	font-weight:600;
	margin-bottom:10px;
}
/*  === Shop Header ===  */
header.l-header.id_31170.pos_fixed.sticky, .header-sticky header.l-header {
    background: rgba(0, 0, 0, 0.60) !important;
    border-bottom: 2px solid rgb(187, 8, 11, 0.6)
!important;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(245, 158, 11, 0.8);
}

/* Top subheader alanını hedef alır */
header.l-header.id_31170 .l-subheader.at_top {
    border-bottom: 2px solid #E8E5DF !important;
}


/* === Shop Footer === */
.l-section.wpb_row.sta-shop-footer {
	background: #E8E5DF;
	color: #191919;
    border-top: 1px solid #C9C5BE;
  padding: 2rem 1rem;
}

/* Shop Footer sosyal medya ikonlar */
.l-section.wpb_row.sta-shop-footer  a {
  color:#BB080B;
  text-decoration: underline;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.l-section.wpb_row.sta-shop-footer a:hover,
.l-section.wpb_row.sta-shop-footer a:focus {
  color: #D30000;
  opacity: 0.9;
}
.sta-footer-light .us_custom_cbd4357a {
	background: #ff0000 !important;
}





/* Arama Sonucu Sayfası */
.sta-search-result a:hover {
		text-decoration: underline;
}
.sta-search-result .post_date {
		color: #A89C8A ;
}

.sta-text-white-nrm {
	font-family: Inter, sans-serif;
	font-size: 16px;
	line-height:23px;
	color: #c2c2c2;
	letter-spacing: 0.02em;
}

/*  === Website Homepage Sections/Items ===  */
/* Website Hero Banner Text */
.sta-hero-title {
	margin-top:50px;
	font-size: 60px;
	font-weight:600;
/*clamp(1.5rem, 5vw, 5rem)*/
	opacity: 0.8;
/*	text-shadow: 0 1px 8px #000000;
	font-weight: 600 !important;*/
	background: linear-gradient(90deg, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.52) 50%,rgba(0,0,0,0.01) 100%) 
}

/* Website homepage vinyl */
.records_vinyl_block {
	box-shadow: 0 0 18px 4px #905e33;
		float: right;
	margin-right: 0;
}
.records_vinyl {
	box-shadow: var(--sta-inshadow) !important;
		margin-right: 0;
}
.sta-vinyl_mpage {
	opacity:0.7;
}


/* Website Tab Section */
.sta-mainp-tab-title h3 span,
.highlight highlight_secondary {
	color: #967856; 
	margin-bottom: 10px;
}
/*  === END: Website Homepage Sections/Items ===  */

/*  === Website Header ===  */
header.l-header.id_25091.pos_fixed.sticky, .header-sticky header.l-header {
    background: rgba(0, 0, 0, 0.60) !important;
    border-bottom: 2px solid rgba(251, 191, 36, 0.3)
!important;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5), 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(245, 158, 11, 0.1);
}
/*  === END: Website Header ===  */

/* === Website Footer === */
.sta-footer-contact .sta-footer-contact-item  h2 {
	font-size:17px !important;
	color: #E8E6E1 !important;
}
.sta-footer-contact-item w-iconbox-title,
.sta-footer-contact a {
	color: rgb(232, 230, 225, 0.5);
}
.sta-footer-contact, .sta-footer-contact-item .w-iconbox-title  {
	font-size:16px !important;
	color: #8d9096 !important;
}
.sta-footer-menu a {
	font-size: 1.1rem;
	color: #8c8e9c;
	font-weight:500;
	letter-spacing: 0.02em;
	line-height:1.5;	line-height:1.5;
}
.sta-subfooter-menu a {
	color: #7A6F61 !important;
	font-size:13px;
}
.sta-subfooter-menu a:hover {
	color: #DDA956 !important;
}
/* === END: Website Footer === */

/* === START: WEBSITE-DARK Contact Section Items === */
/* Hero-Text */
.sta-cta-hero {
	font-size:30px;
}
/* SubHero-Text */
.sta-cfrom-hero {
	font-size: 26px;
	letter-spacing: -0.02em;
	color: #EDE6DA;
}
.w-tabs-section-title {
	font-size:20px !important;
	color: #B9A27A;
}
/* Form Section BG */
.sta-contact-form {
	background: #2A241D;
	border: 1px solid rgb(118, 113, 104, 0.6);
padding: 10px; 
	border-radius: 15px;
	box-shadow: inset 0 3px 9px rgb(0 0 0 / 61%), inset 0 -1px 2px rgb(255 255 255 / 62%) !important;
}
/* Form inputs */
.sta-contact-form input, textarea, select {
	background: 31241e !important;
	border: 1px solid rgb(185, 162, 122, 0.3);
	box-shadow: inset 0 3px 9px rgb(0 0 0 / 61%), inset 0 -1px 2px rgb(255 255 255 / 62%)!important;
}
/* Form inputs focus */
.sta-contact-form input:focus, select:focus, textarea:focus {
	background: #15120F !important;
 border: 1px solid rgb(185, 162, 122, 0.8);
	box-shadow: inset 0 3px 9px rgb(0 0 0 / 61%), inset 0 -1px 2px rgb(255 255 255 / 62%) !important;
}
/* Button */
input.wpcf7-form-control.wpcf7-submit.sta-contact-button {
	background-color: #1c1814 !important;
	color: #E9DFCC !important;
	border: 1px solid rgb(118, 113, 104, 0.6);
	box-shadow: 0 3px 9px rgb(0 0 0 / 61%),  0 -1px 2px rgb(255 255 255 / 62%) !important;
	float:right;
}
/* Button hover */
input.wpcf7-form-control.wpcf7-submit.sta-contact-button:hover {
	background-color: #1c1814 !important;
	color:  rgb(118, 113, 104) !important;
		border: 1px solid #B9A27A;
	box-shadow: 0 3px 9px rgb(0 0 0 / 61%), inset 0 -1px 2px rgb(255 255 255 / 62%) !important;
}
/* Button active */
input.wpcf7-form-control.wpcf7-submit.sta-contact-button:focus,
input.wpcf7-form-control.wpcf7-submit.sta-contact-button:active {
 background-color: #1c1814 !important;
		box-shadow: inset 0 3px 9px rgb(0 0 0 / 61%), inset 0 -1px 2px rgb(255 255 255 / 62%) !important;
  color: #DDA956 !important;
  outline-offset: 2px !important;
}
/* --- CF7 Yükleniyor (Spinner) Durumu Çakışmasını Engelleme --- */
span.wpcf7-spinner {
  background-color: rgba(255, 255, 255, 0.3) !important;
  border-radius: 50%;
}
/* === END: WEBSITE-DARK Contact Section Items === */

/* === START: SHOP-LIGHT FOOTER  === */
.l-section.wpb_row.sta-shop-footer {
	background: #E8E5DF;
	color: var(--color-subfooter-heading, #3A322A) !important;
    border-top: px solid #C9C5BE;
  padding-top: 4rem;
	padding-bottom: 0rem;
}
.l-section.wpb_row.sta-shop-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgb(187, 8, 11, 1), transparent);
		box-shadow: 1px 1px 8px 4px
rgba(0, 0, 0, 0.8);
}

/* SHOP FOOTER - HI-FI BRAND (Logo / Marka Alanı)             */
.shop-footer-plak-brand,
.shop-footer-hi-fi-brand {
  display: inline-block;
  margin-bottom: 0.5rem;
}

/* Link Yapısı ve Tipografi */
.shop-footer-plak-brand .w-text-h,
.shop-footer-hi-fi-brand .w-text-h {
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
}

.shop-footer-plak-brand .w-text-value,
.shop-footer-hi-fi-brand .w-text-value {
  color: var(--color-subfooter-heading, #3A322A);
  transition: color 0.9s ease, text-shadow 0.9s ease;
}

/* --- Hover Efekti (Hi-Fi / Lüks Vurgu) --- */
.shop-footer-plak-brand:hover .w-text-value,
.shop-footer-hi-fi-brand:hover .w-text-value {
  color: var(--color-shop-primary-hover, #D30000) !important; 
  text-shadow: 0 0 12px rgba(187, 8, 11, 0.25);

}

/* Odaklanma (Accessibility / WCAG) */
.shop-footer-plak-brand .w-text-h:focus-visible,
.shop-footer-hi-fi-brand .w-text-h:focus-visible {
  outline: 2px solid var(--color-shop-focus, #BB080B);
  outline-offset: 4px;
  border-radius: 2px;
}

.l-section.wpb_row.sta-shop-footer .sta-shop-footer-menu {
	font-size: 1.05rem;
	color: var(--color-subfooter-heading, #3A322A) !important;
	font-weight:500;
	letter-spacing: 0.02em;
	line-height:1.5;
	text-decoration: none;
}
.l-section.wpb_row.sta-shop-footer .sta-shop-footer-menu a {
	color: var(--color-subfooter-heading, #3A322A) !important;
	transition: color 0.7s ease, opacity 0.7s ease;
	text-decoration: none;
}
.l-section.wpb_row.sta-shop-footer .sta-shop-footer-menu a:hover {
	color: var(--color-shop-primary-hover, #D30000) !important;
	text-decoration: underline;
}
/* Footer Shop Contact */
.l-section.wpb_row.sta-shop-footer .sta-shop-footer-contact .sta-shop-footer-contact-item {
	font-size: 1rem !important;
	color: var(--color-subfooter-heading, #3A322A) !important;
	font-weight:500;
	letter-spacing: 0.02em;
	line-height:1.5;
	text-decoration: none;
}
.l-section.wpb_row.sta-shop-footer .sta-shop-footer-contact .sta-shop-footer-contact-item a {
	color: var(--color-subfooter-heading, #3A322A) !important;
/*var(--color-shop-link-amber, #74501A);*/
	letter-spacing: 0.02em;
	text-decoration: none;
		transition: color 0.7s ease, opacity 0.7s ease;
}
.l-section.wpb_row.sta-shop-footer .sta-shop-footer-contact .sta-shop-footer-contact-item a:hover {
	color: var(--color-shop-primary-hover, #D30000)  !important;
	letter-spacing: 0.02em;
	text-decoration: none;
}

/* Shop Footer sosyal medya ikonlar */
.l-section.wpb_row.sta-shop-footer  a {
  color: var(--color-subfooter-heading, #3A322A)  !important;
  transition: color 0.2s ease, opacity 0.2s ease;
}
/* === END:SHOP-LIGHT FOOTER  === */