/* =================================================================
   Conceptly (Azwa child) – Minimal Header + Modern Hero Slider
   Renk paleti: #ff5d00 (turuncu)

   Site, conceptly'nin "azwa" child temasını kullanıyor.
   Slider HTML şu yapıdadır (Clever Fox / azwa):

   <section id="slider" class="azwa-header-slider">
     <div class="header-slider owl-carousel owl-theme">
       <div class="header-single-slider theme-slider azwa-slider slider-mobi-image"
            style="background-image:url('...')">
         <div class="container">
           <div class="row theme-content text-left|center|right">
             <div class="col-md-7 col-8 my-auto">
               <h1>... <br><span class="typewrite">Vurgu</span><span class="wrap"></span></h1>
               <p>...</p>
               <a class="boxed-btn">Read More</a>
             </div>
             <div class="col-md-5 col-4 m-auto">
               <div class="azwa-img"><img/></div>
             </div>
           </div>
         </div>
       </div>
       ... (n adet slide, Customizer > Slider Section'dan eklenir)
     </div>
   </section>
   ================================================================= */

:root {
	--c-primary: #ff5d00;
	--c-primary-dark: #d44d00;
	--c-primary-soft: #fff1e6;
	--c-primary-softer: #fff7f0;
	--c-primary-ring: rgba(255, 93, 0, 0.22);
	--c-dark: #15161a;
	--c-text: #2b2d33;
	--c-muted: #6b7280;
	--c-line: #eceef2;
	--c-bg: #ffffff;
}

/* ==================================================================
   1) HEADER ÜST INFO ÇUBUĞU – minimal beyaz zemin
   azwa'nın @min-width:992px kuralları (turuncu skew sosyal media
   kutusu, dekoratif border'lar vb.) tamamen override edilir.
   ================================================================== */
body.azwa-template .header .header-above,
body .header-above {
	background: #ffffff !important;
	color: var(--c-muted) !important;
	padding: 0 !important;
	font-size: 13.5px !important;
	border-bottom: 1px solid var(--c-line) !important;
	position: relative;
}

body.azwa-template .header .header-above-desk,
body .header-above .header-above-desk {
	padding: 9px 0 !important;
}

body.azwa-template .header .header-above a,
body .header-above a {
	color: var(--c-text) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

body.azwa-template .header .header-above a:hover,
body.azwa-template .header .header-above a:focus,
body .header-above a:hover {
	color: var(--c-primary) !important;
}

body.azwa-template .header .header-above i,
body .header-above i {
	width: auto !important;
	height: auto !important;
	background: transparent !important;
	color: var(--c-primary) !important;
	border-radius: 0 !important;
	margin-right: 8px !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

body.azwa-template .header-above .header-info li,
body .header-above .header-info li {
	padding-right: 22px !important;
	margin-right: 14px !important;
}

body.azwa-template .header-above .header-info li:last-child,
body .header-above .header-info li:last-child {
	padding-right: 0 !important;
	margin-right: 0 !important;
}

body.azwa-template .header-above li:after,
body .header-above li:after {
	background: var(--c-line) !important;
	height: 12px !important;
	right: 0 !important;
}

/* Sosyal media – azwa'nın turuncu skew kutusunu sıfırla */
body.azwa-template .trh-social,
body.azwa-template .header-above .trh-social {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	position: static !important;
	width: auto !important;
	bottom: auto !important;
}

body.azwa-template .trh-social:before,
body.azwa-template .header-above .trh-social:before {
	display: none !important;
	content: none !important;
}

body.azwa-template .header-above .trh-social li,
body .header-above .trh-social li {
	padding-right: 0 !important;
}

body.azwa-template .header-above .trh-social li:after,
body .header-above .trh-social li:after {
	display: none !important;
}

body.azwa-template .header-above .trh-social li a,
body .header-above .trh-social li a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	margin-left: 6px !important;
	background: var(--c-primary-soft) !important;
	color: var(--c-primary) !important;
	transition: all 0.25s ease !important;
}

body.azwa-template .header-above .trh-social li a:hover,
body .header-above .trh-social li a:hover {
	background: var(--c-primary) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

body.azwa-template .header-above .trh-social li a i,
body .header-above .trh-social li a i {
	margin: 0 !important;
	color: inherit !important;
	font-size: 12px !important;
}

body.azwa-template .header-abover-mobile .pull-down-toggle,
body .header-abover-mobile .pull-down-toggle {
	background: transparent !important;
	color: var(--c-primary) !important;
	border: 0 !important;
}

/* ==================================================================
   2) ANA NAVBAR – minimal beyaz zemin
   azwa'nın #f6f6f6 zemin + dashed border + üçgen pseudo'ları + 102px
   menü yüksekliğini tamamen sıfırla.
   ================================================================== */
body.azwa-template .header .navbar-area,
body .navbar-area:not(.pagination) {
	padding: 14px 0 !important;
	background: #fff !important;
	box-shadow: 0 1px 0 var(--c-line) !important;
	max-width: 100% !important;
	margin: 0 !important;
}

body.azwa-template .header .navigator-wrapper,
body .navigator-wrapper {
	margin-bottom: 0 !important;
}

body.azwa-template .header .navbar-area > .container {
	padding-top: 0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

body.azwa-template .header .navbar-area > .container:before,
body.azwa-template .header .navbar-area > .container:after,
body.azwa-template .header .navbar-area > .container > .row:before,
body.azwa-template .header .navbar-area > .container > .row:after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	background: transparent !important;
}

body.azwa-template .sticky-nav.is-sticky,
body .sticky-nav.is-sticky {
	box-shadow: 0 6px 24px -12px rgba(20, 22, 28, 0.18) !important;
	background: #fff !important;
}

/* Logo */
body.azwa-template .logo a,
body.azwa-template .mobile-logo a,
body.azwa-template a.site-title,
body.azwa-template .logo .site-title,
body .logo a,
body a.site-title {
	color: var(--c-dark) !important;
	font-weight: 800 !important;
	font-size: 22px !important;
	letter-spacing: -0.2px !important;
	line-height: 1.15 !important;
}

body.azwa-template .logo img,
body .logo img {
	max-height: 90px !important;
	width: auto !important;
}

body.azwa-template .site-description,
body .site-description {
	color: var(--c-muted) !important;
	font-size: 12.5px !important;
	margin: 2px 0 0 !important;
}

/* Menü öğeleri – text-decoration: none ve altta çubuk yok */
body.azwa-template .header .navbar-area .menubar .menu-wrap > li > a,
body.active-azwa .menubar .menu-wrap > li > a,
body.azwa-template .menubar .menu-wrap > li.menu-item > a,
body .navbar-area .menubar .menu-wrap > li > a,
body .navbar-area .menubar .menu-wrap > li.menu-item > a,
body .mobile-menu .menu-wrap > li > a,
body .mobile-menu .menu-wrap > li.menu-item > a {
	color: var(--c-text) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	padding: 0 14px !important;
	line-height: 56px !important;
	letter-spacing: 0.1px !important;
	transition: color 0.2s ease !important;
	text-decoration: none !important;
	border: 0 !important;
	background: transparent !important;
}

body.azwa-template .menubar .menu-wrap > li:hover > a,
body.azwa-template .menubar .menu-wrap > li.current-menu-item > a,
body.azwa-template .menubar .menu-wrap > li.current_page_item > a,
body.azwa-template .menubar .menu-wrap > li.current-menu-parent > a,
body.azwa-template .menubar .menu-wrap > li.current-menu-ancestor > a,
body.azwa-template .menubar .menu-wrap > li.focus > a,
body.azwa-template .menubar .menu-wrap > li.active > a,
body.active-azwa .menubar .menu-wrap > li:hover > a,
body.active-azwa .menubar .menu-wrap > li.focus > a,
body .menubar .menu-wrap > li:hover > a,
body .menubar .menu-wrap > li.current-menu-item > a,
body .menubar .menu-wrap > li.current_page_item > a {
	color: var(--c-primary) !important;
	text-decoration: none !important;
	background: transparent !important;
}

/* Menü item'ların ::before / ::after pseudo-element'lerini (alt çubuk
   / dekoratif çizgiler) tamamen kaldır. Hem desktop hem mobil hem
   sticky-nav durumlar için kapsayıcı seçici. */
body .menubar .menu-wrap > li > a::before,
body .menubar .menu-wrap > li > a::after,
body .menubar .menu-wrap > li:hover > a::before,
body .menubar .menu-wrap > li:hover > a::after,
body .menubar .menu-wrap > li.active > a::before,
body .menubar .menu-wrap > li.active > a::after,
body .menubar .menu-wrap > li.current-menu-item > a::before,
body .menubar .menu-wrap > li.current-menu-item > a::after,
body .menubar .menu-wrap > li.current_page_item > a::before,
body .menubar .menu-wrap > li.current_page_item > a::after,
body.active-azwa .menubar .menu-wrap > li > a::before,
body.active-azwa .menubar .menu-wrap > li > a::after {
	display: none !important;
	content: none !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* Ana navbar'daki menü ul/li üzerinde olası border-bottom'ları sıfırla */
body .menubar .menu-wrap,
body .menubar .menu-wrap > li,
body .menubar .menu-wrap > li > a {
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* Hover'da text-decoration tekrar gelmesin */
body .menubar .menu-wrap a:hover,
body .menubar .menu-wrap a:focus,
body .menubar .menu-wrap a:active {
	text-decoration: none !important;
}

/* ==================================================================
   DROPDOWN CARET – Pure-CSS chevron (font-awesome bağımsız)
   menus.css'teki `font-family: fontawesome; content: "\f107"` kuralı,
   FontAwesome 5+ yüklü olduğunda font ismi tanınmadığı için ikon
   boş kutu olarak çıkıyor. Burada o pseudo-element'i border-based
   bir aşağı ok ile değiştiriyoruz. Hover'da 180° dönüş animasyonu.
   ================================================================== */
body .menubar .menu-wrap > li.dropdown > a,
body .menubar .menu-wrap > li.menu-item-has-children > a {
	padding-right: 26px !important;
}

body .menubar .menu-wrap > li.dropdown > a::before,
body .menubar .menu-wrap > li.menu-item-has-children > a::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	right: 0px !important;
	top: 50% !important;
	width: 7px !important;
	height: 7px !important;
	border-right: 2px solid currentColor !important;
	border-bottom: 2px solid currentColor !important;
	transform: translateY(-70%) rotate(45deg) !important;
	transform-origin: center !important;
	transition: transform 0.25s ease, border-color 0.2s ease !important;
	background: transparent !important;
	font: 0/0 a !important;
	color: inherit !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-radius: 1px !important;
	box-shadow: none !important;
	pointer-events: none !important;
}

/* Hover'da chevron yukarı doğru döner */
body .menubar .menu-wrap > li.dropdown:hover > a::before,
body .menubar .menu-wrap > li.dropdown.focus > a::before,
body .menubar .menu-wrap > li.menu-item-has-children:hover > a::before,
body .menubar .menu-wrap > li.menu-item-has-children.focus > a::before {
	transform: translateY(-30%) rotate(-135deg) !important;
}

/* Aynısını widget_nav_menu ve mobile menü için */
body .widget_nav_menu li.menu-item-has-children > a::after {
	content: "" !important;
	display: inline-block !important;
	width: 7px !important;
	height: 7px !important;
	margin-left: 8px !important;
	border-right: 2px solid currentColor !important;
	border-bottom: 2px solid currentColor !important;
	border-top: 0 !important;
	border-left: 0 !important;
	transform: rotate(45deg) translateY(-2px) !important;
	background: transparent !important;
	font: 0/0 a !important;
	position: static !important;
	box-shadow: none !important;
}

/* Mobile menü: item içindeki chevron'u kaldır (sağdaki .mobi_drop
   butonu zaten dropdown göstergesi). Duplicate'i önler. */
body .mobile-menu .menu-wrap > li.menu-item-has-children > a::after,
body .mobile-menu .menu-wrap > li.menu-item-has-children > a::before,
body .mobile-menu .menu-wrap > li.dropdown > a::after,
body .mobile-menu .menu-wrap > li.dropdown > a::before,
body .theme-mobile-nav .menu-wrap > li.menu-item-has-children > a::after,
body .theme-mobile-nav .menu-wrap > li.menu-item-has-children > a::before {
	display: none !important;
	content: none !important;
}

/* ==================================================================
   MOBILE MENU – minimal modern
   ================================================================== */

/* Item separator (border-bottom) gri çizgileri kaldır,
   çok hafif (neredeyse görünmez) bir ayrım bırak. */
body .mobile-menu > ul > li,
body .mobile-menu > ul > li:first-child,
body .mobile-menu .dropdown-menu li:not(:last-child) {
	border: 0 !important;
	border-bottom: 1px solid rgba(20, 22, 28, 0.04) !important;
	border-top: 0 !important;
}

body .mobile-menu > ul > li:last-child {
	border-bottom: 0 !important;
}

/* Mobil menü link tipografisi */
body .mobile-menu .menu-wrap > li > a,
body .mobile-menu .menu-wrap > li.menu-item > a {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--c-text) !important;
	padding: 16px 18px !important;
	line-height: 1.4 !important;
	letter-spacing: 0.1px !important;
	text-decoration: none !important;
	border: 0 !important;
}

body .mobile-menu .menu-wrap > li:hover > a,
body .mobile-menu .menu-wrap > li.current > a,
body .mobile-menu .menu-wrap > li.current-menu-item > a,
body .mobile-menu .menu-wrap > li.current.dropdown > a {
	color: var(--c-primary) !important;
	background: transparent !important;
}

/* Sağdaki turuncu dropdown toggle butonunu minimal modern hale getir */
body .mobile-menu .dropdown > .mobi_drop > button,
body .theme-mobile-nav .mobile-menu .dropdown > .mobi_drop > button {
	background: transparent !important;
	color: var(--c-muted) !important;
	border: 0 !important;
	border-left: 1px solid rgba(20, 22, 28, 0.06) !important;
	flex-basis: 56px !important;
	min-width: 56px !important;
	height: auto !important;
	padding: 0 !important;
	border-radius: 0 !important;
	font: 0/0 a !important;
	position: relative !important;
	cursor: pointer !important;
	transition: color 0.2s ease, background 0.2s ease, transform 0.25s ease !important;
}

body .mobile-menu .dropdown > .mobi_drop > button:hover,
body .mobile-menu .dropdown > .mobi_drop > button:focus {
	background: rgba(255, 93, 0, 0.06) !important;
	color: var(--c-primary) !important;
}

/* Toggle butonunun içine pure-CSS chevron (parent theme'in
   fontawesome içeriğini sıfırlayıp kendi chevron'umuzu koyuyoruz) */
body .mobile-menu .dropdown > .mobi_drop > button::before {
	content: "" !important;
	display: block !important;
	width: 9px !important;
	height: 9px !important;
	border-right: 2px solid currentColor !important;
	border-bottom: 2px solid currentColor !important;
	border-top: 0 !important;
	border-left: 0 !important;
	border-radius: 1px !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -70%) rotate(45deg) !important;
	transition: transform 0.25s ease !important;
	font: 0/0 a !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Açıkken (current/active) chevron yukarı dönsün */
body .mobile-menu .dropdown.current > .mobi_drop > button::before,
body .mobile-menu .dropdown.active > .mobi_drop > button::before {
	transform: translate(-50%, -30%) rotate(-135deg) !important;
}

/* Parent theme'in rotate inline transform'unu nötralize et
   (.mobile-menu .dropdown.current > .mobi_drop > button:before { rotate(90deg) }) */
body .mobile-menu .dropdown > .mobi_drop {
	display: flex !important;
	align-items: stretch !important;
}

/* Sub-menu (dropdown-menu) link tipografisi mobilde */
body .mobile-menu .dropdown-menu li a {
	font-size: 14px !important;
	padding: 12px 22px !important;
	color: var(--c-text) !important;
	text-decoration: none !important;
	border: 0 !important;
}

body .mobile-menu .dropdown-menu li a:hover {
	color: var(--c-primary) !important;
	background: transparent !important;
}

/* Dropdown */
body.azwa-template .navbar-area .menubar .dropdown-menu,
body .navbar-area .menubar .dropdown-menu {
	border: 1px solid var(--c-line) !important;
	border-radius: 12px !important;
	box-shadow: 0 18px 40px -18px rgba(20, 22, 28, 0.18) !important;
	padding: 8px !important;
	background: #fff !important;
	min-width: 220px;
}

body.azwa-template .navbar-area .menubar .dropdown-menu li a,
body .navbar-area .menubar .dropdown-menu li a {
	border-radius: 8px !important;
	padding: 9px 14px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	color: var(--c-text) !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
	border: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

/* Dropdown link'lerinde pseudo-element kalıntılarını sıfırla
   (parent theme bazı durumlarda :before/:after ile alt çubuk koyuyor) */
body .navbar-area .menubar .dropdown-menu li a::before,
body .navbar-area .menubar .dropdown-menu li a::after,
body .menubar .dropdown-menu li.menu-item-has-children > a::before {
	display: none !important;
	content: none !important;
	border: 0 !important;
	background: transparent !important;
}

/* Sub-menu içindeki child dropdown caret'ı (yana ok) - pure CSS */
body .menubar .dropdown-menu li.menu-item-has-children > a::after,
body .menubar .dropdown-menu li.dropdown-submenu > a::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	right: 12px !important;
	top: 50% !important;
	width: 6px !important;
	height: 6px !important;
	border-right: 2px solid currentColor !important;
	border-bottom: 2px solid currentColor !important;
	border-top: 0 !important;
	border-left: 0 !important;
	transform: translateY(-70%) rotate(-45deg) !important;
	background: transparent !important;
	font: 0/0 a !important;
	box-shadow: none !important;
	pointer-events: none !important;
}

/* Dropdown link'inin sağ tarafta caret alanı bırakması için padding */
body .menubar .dropdown-menu li.menu-item-has-children > a,
body .menubar .dropdown-menu li.dropdown-submenu > a {
	padding-right: 28px !important;
	position: relative !important;
}

body.azwa-template .navbar-area .menubar .dropdown-menu li a:hover,
body.azwa-template .navbar-area .menubar .dropdown-menu li a:focus,
body .navbar-area .menubar .dropdown-menu li a:hover {
	background: var(--c-primary-soft) !important;
	color: var(--c-primary) !important;
}

/* Sağ taraf (arama + buton) – kompakt minimal */
body.azwa-template .header .menu-right > ul,
body .menu-right .header-wrap-right {
	min-height: 0 !important;
}

body.azwa-template .menu-right li.search-button,
body .menu-right li.search-button {
	margin-left: 6px !important;
	padding-left: 10px !important;
	border-left: 1px solid var(--c-line) !important;
}

body.azwa-template .menu-right .header-search-toggle,
body .menu-right .header-search-toggle {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
	background: var(--c-primary-soft) !important;
	color: var(--c-primary) !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	box-shadow: none !important;
	transition: all 0.25s ease !important;
	padding: 0 !important;
}

body.azwa-template .menu-right .header-search-toggle:hover,
body.azwa-template .menu-right .header-search-toggle:focus,
body .menu-right .header-search-toggle:hover {
	background: var(--c-primary) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

body.azwa-template .menu-right .header-search-toggle i,
body .menu-right .header-search-toggle i {
	color: inherit !important;
	font-size: 12px !important;
	margin: 0 !important;
}

/* Quote butonu – kompakt */
body.azwa-template .header-btn a.boxed-btn,
body.azwa-template .header-wrap-right .header-btn a.quote-btn,
body .header-btn a.boxed-btn {
	background: var(--c-primary) !important;
	color: #fff !important;
	border-radius: 8px !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.15px !important;
	box-shadow: 0 8px 18px -10px var(--c-primary-ring) !important;
	line-height: 1 !important;
	overflow: visible !important;
}

body.azwa-template .header-btn a.boxed-btn:before,
body.azwa-template .header-btn a.boxed-btn:after,
body .header-btn a.boxed-btn:before,
body .header-btn a.boxed-btn:after {
	display: none !important;
	content: none !important;
}

body.azwa-template .header-btn a.boxed-btn:hover,
body .header-btn a.boxed-btn:hover {
	background: var(--c-primary-dark) !important;
	transform: translateY(-1px);
}

/* Mobil hamburger */
body.azwa-template .menu-toggle .top-bun,
body.azwa-template .menu-toggle .meat,
body.azwa-template .menu-toggle .bottom-bun,
body .menu-toggle .top-bun,
body .menu-toggle .meat,
body .menu-toggle .bottom-bun {
	background: var(--c-primary) !important;
}

/* ==================================================================
   3) HERO / SLIDER – Full-width modern hero
   Azwa varsayılanı: koyu arka plan + 50% siyah karartma + beyaz yazı.
   Tasarım: açık zemin + sol içerik + sağ görsel + turuncu vurgu.
   ================================================================== */

/* Konteyner full-width zemin */
body.azwa-template #slider.azwa-header-slider,
body #slider.azwa-header-slider,
body #slider {
	position: relative !important;
	overflow: hidden !important;
	background:
		radial-gradient(ellipse 55% 80% at 0% 50%, var(--c-primary-soft) 0%, rgba(255, 241, 230, 0) 65%),
		linear-gradient(135deg, #ffffff 0%, #fffaf5 55%, #fff2e8 100%) !important;
	padding: 0 !important;
}

/* Owl carousel - taşıyıcı */
body.azwa-template #slider .header-slider,
body #slider .header-slider {
	cursor: default !important;
	overflow: hidden !important;
	position: relative !important;
	z-index: 1 !important;
}

/* Tek slide / .azwa-slider */
body.azwa-template #slider .header-single-slider,
body.azwa-template #slider .theme-slider.azwa-slider,
body #slider .header-single-slider,
body #slider .theme-slider.azwa-slider {
	position: relative !important;
	background-color: transparent !important;
	background-position: right center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	padding: 100px 0 110px !important;
	min-height: 620px !important;
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	z-index: 0 !important;
}

/* Slide background görseli sağa kaydır, üzerine açık gradient bindir */
body.azwa-template #slider .header-single-slider:before,
body #slider .header-single-slider:before {
	content: "" !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:
		linear-gradient(95deg,
			#ffffff 0%,
			rgba(255, 255, 255, 0.96) 28%,
			rgba(255, 247, 240, 0.85) 48%,
			rgba(255, 241, 230, 0.6) 65%,
			rgba(255, 241, 230, 0.25) 85%,
			rgba(255, 241, 230, 0) 100%) !important;
	z-index: 1 !important;
	pointer-events: none;
}

/* Eski koyu karartma kaldır */
body.azwa-template #slider .header-single-slider:after,
body.azwa-template #slider .theme-slider:after,
body #slider .header-single-slider:after,
body #slider .theme-slider:after {
	display: none !important;
	content: none !important;
	background: transparent !important;
	opacity: 0 !important;
}

/* Slide içeriği z-index */
body.azwa-template #slider .header-single-slider .container,
body #slider .header-single-slider .container {
	position: relative !important;
	z-index: 2 !important;
}

/* Dekoratif noktalar */
body.azwa-template #slider:before,
body #slider:before {
	content: "" !important;
	position: absolute !important;
	top: 36px !important;
	left: 28px !important;
	width: 140px !important;
	height: 90px !important;
	background-image: radial-gradient(circle, var(--c-primary) 1.6px, transparent 2px) !important;
	background-size: 18px 18px !important;
	opacity: 0.45 !important;
	pointer-events: none;
	z-index: 3 !important;
}

body.azwa-template #slider:after,
body #slider:after {
	content: "" !important;
	position: absolute !important;
	bottom: 30px !important;
	right: 30px !important;
	width: 110px !important;
	height: 70px !important;
	background-image: radial-gradient(circle, var(--c-primary-dark) 1.4px, transparent 1.8px) !important;
	background-size: 16px 16px !important;
	opacity: 0.35 !important;
	pointer-events: none;
	z-index: 3 !important;
}

/* İçerik satırı */
body.azwa-template #slider .row.theme-content,
body #slider .row.theme-content {
	margin: 0 !important;
	align-items: center !important;
}

/* Sol kolon (h1, p, btn) */
body.azwa-template #slider .row.theme-content > .col-md-7,
body #slider .row.theme-content > .col-md-7 {
	padding: 0 0 0 22px !important;
	position: relative !important;
}

body.azwa-template #slider .row.theme-content > .col-md-7:before,
body #slider .row.theme-content > .col-md-7:before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 8px !important;
	bottom: 40% !important;
	width: 4px !important;
	border-radius: 4px !important;
	background: linear-gradient(180deg, var(--c-primary) 0%, var(--c-primary-dark) 100%) !important;
}

/* H1 + typewrite span – güçlü modern display font (Plus Jakarta Sans) */
body.azwa-template #slider .header-slider h1,
body #slider .header-slider h1 {
	color: var(--c-dark) !important;
	font-size: 58px !important;
	line-height: 1.05 !important;
	font-weight: 800 !important;
	margin: 0 0 18px !important;
	letter-spacing: -1.2px !important;
	font-family: 'Plus Jakarta Sans', 'Poppins', system-ui, -apple-system, sans-serif !important;
	font-feature-settings: 'ss01' on, 'ss02' on, 'cv11' on !important;
	text-transform: none !important;
}

body.azwa-template #slider .header-slider h1 span.typewrite,
body #slider .header-slider h1 span.typewrite {
	color: var(--c-primary) !important;
	display: inline-block !important;
	font-size: 58px !important;
	line-height: 1.05 !important;
	margin: 0 !important;
	font-weight: 800 !important;
	font-family: inherit !important;
	letter-spacing: -1.2px !important;
	text-transform: none !important;
}

/* .wrap span:
   - Clever Fox eklentisi (owlCarousel2Thumbs.min.js) window.onload'da
     `.typewrite` span'ının İÇİNE <span class="wrap">YAZILAN_METIN</span>
     enjekte ediyor. Yani .typewrite > .wrap → asıl yazıyı taşıyan eleman.
   - Tema HTML'inde ayrıca h1'in DIREKT child'ı olarak bir <span class="wrap">
     bulunuyor (typewrite'ın kardeşi, boş). Onu gizliyoruz. */
body.azwa-template #slider .header-slider h1 .typewrite > .wrap,
body #slider .header-slider h1 .typewrite > .wrap {
	display: inline !important;
	width: auto !important;
	height: auto !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 4px 0 0 !important;
	font: inherit !important;
	color: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	border-right: 2px solid var(--c-primary) !important;
	vertical-align: baseline !important;
	animation: conceptly-blink 1s steps(2) infinite;
}

body.azwa-template #slider .header-slider h1 > .wrap,
body #slider .header-slider h1 > .wrap {
	display: none !important;
}

@keyframes conceptly-blink {
	0%, 50% { opacity: 1; }
	50.01%, 100% { opacity: 0; }
}

/* Paragraf – Plus Jakarta Sans body */
body.azwa-template #slider .header-slider p,
body #slider .header-slider p {
	color: var(--c-muted) !important;
	font-size: 17px !important;
	line-height: 1.6 !important;
	margin: 0 0 32px !important;
	max-width: 520px !important;
	font-family: 'Plus Jakarta Sans', 'Open Sans', system-ui, -apple-system, sans-serif !important;
	font-weight: 500 !important;
}

/* Buton */
body.azwa-template #slider .boxed-btn,
body #slider .boxed-btn,
body.azwa-template #slider .slider-mobi-image .boxed-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	min-width: 200px !important;
	padding: 16px 24px !important;
	background: var(--c-primary) !important;
	color: #fff !important;
	border-radius: 12px !important;
	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
	font-weight: 700 !important;
	font-size: 15.5px !important;
	letter-spacing: 0.2px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: 0 14px 28px -14px var(--c-primary-ring) !important;
	transition: all 0.25s ease !important;
	border: 0 !important;
	overflow: visible !important;
	white-space: nowrap !important;
	position: relative !important;
	z-index: 1 !important;
}

body.azwa-template #slider .boxed-btn:before,
body.azwa-template #slider .boxed-btn:after,
body #slider .boxed-btn:before,
body #slider .boxed-btn:after {
	display: none !important;
	content: none !important;
	background: transparent !important;
	animation: none !important;
}

body.azwa-template #slider .boxed-btn:hover,
body.azwa-template #slider .boxed-btn:focus,
body #slider .boxed-btn:hover {
	background: var(--c-primary-dark) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 18px 30px -14px var(--c-primary-ring) !important;
	color: #fff !important;
}

body.azwa-template #slider .boxed-btn i,
body #slider .boxed-btn i {
	margin-left: 0 !important;
	font-size: 13px !important;
	transition: transform 0.25s ease !important;
}

body.azwa-template #slider .boxed-btn:hover i,
body #slider .boxed-btn:hover i {
	transform: translateX(4px) !important;
}

/* Sağ kolon görseli */
body.azwa-template #slider .row.theme-content > .col-md-5,
body #slider .row.theme-content > .col-md-5 {
	position: relative !important;
}

body.azwa-template #slider .azwa-img,
body #slider .azwa-img {
	position: relative !important;
	display: block !important;
	text-align: center !important;
}

body.azwa-template #slider .azwa-img img,
body.azwa-template #slider .owl-item .azwa-img img,
body #slider .azwa-img img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 520px !important;
	margin: 0 auto !important;
	display: inline-block !important;
	border-radius: 18px !important;
	box-shadow: 0 30px 60px -30px rgba(20, 22, 28, 0.3) !important;
	background: transparent !important;
}

/* text-right hizalama için sağ kolon img sola yaslansın */
body.azwa-template #slider .text-right .azwa-img img,
body #slider .text-right .azwa-img img {
	margin-left: 0 !important;
}

/* ==================================================================
   4) OWL CAROUSEL kontrolleri – modern
   ================================================================== */
body.azwa-template #slider .header-slider .owl-nav,
body #slider .header-slider .owl-nav {
	position: absolute !important;
	top: 50% !important;
	left: 0 !important;
	right: 0 !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	justify-content: space-between !important;
	padding: 0 18px !important;
	margin: 0 !important;
	pointer-events: none !important;
	z-index: 5 !important;
}

body.azwa-template #slider .header-slider .owl-nav [class*='owl-'],
body #slider .header-slider .owl-nav [class*='owl-'] {
	pointer-events: auto !important;
	position: static !important;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.95) !important;
	color: var(--c-primary) !important;
	border: 1px solid var(--c-line) !important;
	box-shadow: 0 10px 24px -12px rgba(20, 22, 28, 0.18) !important;
	font-size: 18px !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.25s ease !important;
	right: auto !important;
	bottom: auto !important;
}

body.azwa-template #slider .header-slider .owl-nav [class*='owl-']:hover,
body.azwa-template #slider .header-slider .owl-nav [class*='owl-']:focus-within,
body #slider .header-slider .owl-nav [class*='owl-']:hover {
	background: var(--c-primary) !important;
	color: #fff !important;
	border-color: var(--c-primary) !important;
	transform: translateY(-2px) !important;
}

/* Owl dots – alt orta */
body.azwa-template #slider .header-slider .owl-dots,
body #slider .header-slider .owl-dots {
	position: absolute !important;
	bottom: 28px !important;
	left: 0 !important;
	right: 0 !important;
	text-align: center !important;
	z-index: 5 !important;
	margin: 0 !important;
}

body.azwa-template #slider .header-slider .owl-dots .owl-dot,
body #slider .header-slider .owl-dots .owl-dot {
	display: inline-block !important;
	margin: 0 5px !important;
	background: transparent !important;
	border: 0 !important;
	outline: none !important;
}

body.azwa-template #slider .header-slider .owl-dots .owl-dot span,
body #slider .header-slider .owl-dots .owl-dot span {
	display: block !important;
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
	background: rgba(255, 93, 0, 0.25) !important;
	margin: 0 !important;
	transition: all 0.25s ease !important;
}

body.azwa-template #slider .header-slider .owl-dots .owl-dot.active span,
body.azwa-template #slider .header-slider .owl-dots .owl-dot:hover span,
body #slider .header-slider .owl-dots .owl-dot.active span {
	background: var(--c-primary) !important;
	width: 24px !important;
	border-radius: 5px !important;
}

/* ==================================================================
   5) "AZWA / sliders/slider01.png" sağ kolon görselini gizle
   Default slider repeater'da gelen bu PNG sağ kolonda render ediliyor;
   tasarımda yeri yok. İlgili slide'ın sağ kolonunu komple kaldırıp
   sol kolonu tam genişliğe çekiyoruz.
   ================================================================== */
body #slider .azwa-img img[src*="azwa/images/sliders/slider01.png"] {
	display: none !important;
}

body #slider .row.theme-content:has(.azwa-img img[src*="azwa/images/sliders/slider01.png"]) > .col-md-5,
body #slider .row.theme-content:has(.azwa-img img[src*="azwa/images/sliders/slider01.png"]) > .col-4 {
	display: none !important;
}

body #slider .row.theme-content:has(.azwa-img img[src*="azwa/images/sliders/slider01.png"]) > .col-md-7,
body #slider .row.theme-content:has(.azwa-img img[src*="azwa/images/sliders/slider01.png"]) > .col-8 {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}

/* ==================================================================
   6) RESPONSIVE
   ================================================================== */

@media (max-width: 1199px) {
	body.azwa-template #slider .header-slider h1,
	body.azwa-template #slider .header-slider h1 span.typewrite,
	body #slider .header-slider h1,
	body #slider .header-slider h1 span.typewrite {
		font-size: 44px !important;
	}
}

@media (max-width: 991px) {
	body.azwa-template #slider:before,
	body #slider:before,
	body.azwa-template #slider:after,
	body #slider:after {
		width: 100px !important;
		height: 70px !important;
	}

	body.azwa-template #slider .header-single-slider,
	body #slider .header-single-slider {
		min-height: auto !important;
		padding: 70px 0 90px !important;
	}

	body.azwa-template #slider .header-slider h1,
	body.azwa-template #slider .header-slider h1 span.typewrite,
	body #slider .header-slider h1,
	body #slider .header-slider h1 span.typewrite {
		font-size: 38px !important;
	}

	body.azwa-template #slider .header-slider p,
	body #slider .header-slider p {
		font-size: 16px !important;
	}

	body.azwa-template #slider .header-slider .owl-nav,
	body #slider .header-slider .owl-nav {
		display: none !important;
	}

	body.azwa-template #slider .azwa-img img,
	body #slider .azwa-img img {
		max-height: 360px !important;
	}
}

@media (max-width: 767px) {
	body.azwa-template #slider .row.theme-content,
	body #slider .row.theme-content {
		flex-direction: column !important;
	}

	body.azwa-template #slider .row.theme-content > .col-8,
	body.azwa-template #slider .row.theme-content > .col-4,
	body #slider .row.theme-content > .col-8,
	body #slider .row.theme-content > .col-4 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	body.azwa-template #slider .row.theme-content > .col-4,
	body #slider .row.theme-content > .col-4 {
		margin-top: 36px !important;
		order: 2 !important;
	}

	body.azwa-template #slider .row.theme-content > .col-8,
	body #slider .row.theme-content > .col-8 {
		order: 1 !important;
		text-align: left !important;
	}

	body.azwa-template #slider .row.theme-content > .col-md-7,
	body #slider .row.theme-content > .col-md-7 {
		padding-left: 18px !important;
	}

	body.azwa-template #slider:before,
	body #slider:before {
		top: 18px !important;
		left: 18px !important;
		width: 80px !important;
		height: 60px !important;
	}

	body.azwa-template #slider:after,
	body #slider:after {
		bottom: 18px !important;
		right: 18px !important;
		width: 80px !important;
		height: 60px !important;
	}

	body.azwa-template #slider .header-single-slider,
	body #slider .header-single-slider {
		padding: 56px 0 70px !important;
		background-position: center center !important;
	}

	body.azwa-template #slider .header-slider h1,
	body.azwa-template #slider .header-slider h1 span.typewrite,
	body #slider .header-slider h1,
	body #slider .header-slider h1 span.typewrite {
		font-size: 30px !important;
	}

	body.azwa-template #slider .azwa-img img,
	body #slider .azwa-img img {
		max-height: 280px !important;
	}

	body.azwa-template #slider .boxed-btn,
	body #slider .boxed-btn {
		min-width: 0 !important;
		width: 100% !important;
		justify-content: space-between !important;
	}

	body .header-above {
		text-align: center;
	}
}

@media (max-width: 480px) {
	body.azwa-template #slider .header-slider h1,
	body.azwa-template #slider .header-slider h1 span.typewrite,
	body #slider .header-slider h1,
	body #slider .header-slider h1 span.typewrite {
		font-size: 28px !important;
	}
}

/* ==================================================================
   7) OUR FEATURES – section başlığı + "Tüm Hizmetler" CTA butonu
   `conceptly-features-button.php` ile render edilen .features-cta-wrap
   bloğu, Our Features section'ının hemen altında çıkar. Görsel olarak
   onunla aynı bloğa aitmiş gibi görünmesi için üst negatif boşluk
   verip ortalıyoruz.
   ================================================================== */

/* Section başlığı (Our Features) tipografisini modernleştir.
   Orijinal .section-title h2 line-height:0.8 + inline-block (Conceptly) +
   azwa'nın display:inline-block kurallarına karşı yüksek specificity
   ile blok seviyesine alıp normal line-height veriyoruz. */
body #ourfeatures.home-feature .section-title,
body section#ourfeatures .section-title {
	margin-bottom: 36px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
}

body #ourfeatures.home-feature .section-title h2,
body section#ourfeatures .section-title h2 {
	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
	font-weight: 800 !important;
	font-size: 38px !important;
	line-height: 1.15 !important;
	letter-spacing: -0.6px !important;
	color: var(--c-dark) !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	writing-mode: horizontal-tb !important;
}

/* h2 İÇİNDEKİ tüm child element'ler (özellikle anchor/Customizer
   shortcut) de word-break: normal kalsın; typography.css'teki
   `a { word-break: break-all }` kuralı buraya sızmasın. */
body #ourfeatures.home-feature .section-title h2 *,
body section#ourfeatures .section-title h2 * {
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

body #ourfeatures.home-feature .section-title h2 a,
body section#ourfeatures .section-title h2 a {
	color: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	text-decoration: none !important;
}

body #ourfeatures.home-feature .section-title h2 span:not(.customize-partial-edit-shortcut),
body section#ourfeatures .section-title h2 span:not(.customize-partial-edit-shortcut) {
	float: none !important;
	display: inline-block !important;
	width: 56px !important;
	height: 3px !important;
	margin: 0 0 0 12px !important;
	padding: 0 !important;
	vertical-align: middle !important;
	background: var(--c-primary) !important;
	border-radius: 3px !important;
}

body #ourfeatures.home-feature .section-title p,
body section#ourfeatures .section-title p {
	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: var(--c-muted) !important;
	margin: 0 !important;
	max-width: 640px !important;
	display: block !important;
	width: auto !important;
}

/* Feature kartlarında başlık tipografisi */
body .home-feature .features-box h3 {
	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -0.2px !important;
}

/* CTA wrapper */
body .features-cta-wrap {
	position: relative;
	padding: 0 0 80px;
	margin-top: -20px;
	text-align: center;
	background: transparent;
	z-index: 2;
}

/* "Tüm Hizmetler" butonu */
body .features-cta-wrap .features-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 28px;
	background: var(--c-primary);
	color: #fff !important;
	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.2px;
	line-height: 1;
	text-decoration: none !important;
	border-radius: 999px;
	box-shadow: 0 14px 28px -14px var(--c-primary-ring);
	transition: all 0.25s ease;
	border: 0;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

body .features-cta-wrap .features-cta-btn:before,
body .features-cta-wrap .features-cta-btn:after {
	display: none !important;
	content: none !important;
}

body .features-cta-wrap .features-cta-btn span {
	display: inline-block;
}

body .features-cta-wrap .features-cta-btn i {
	font-size: 12px;
	transition: transform 0.25s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
}

body .features-cta-wrap .features-cta-btn:hover,
body .features-cta-wrap .features-cta-btn:focus {
	background: var(--c-primary-dark);
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 18px 32px -14px var(--c-primary-ring);
}

body .features-cta-wrap .features-cta-btn:hover i {
	transform: translateX(3px);
	background: rgba(255, 255, 255, 0.28);
}

@media (max-width: 767px) {
	body .features-cta-wrap {
		padding: 0 0 60px;
		margin-top: -10px;
	}

	body .features-cta-wrap .features-cta-btn {
		padding: 13px 24px;
		font-size: 14px;
	}
}