a.btn.btn-small.btn-circle.demo-btn {
	float: right;
	background: #222;
	padding: 7PX 37px;
	margin-top: 5px;
}
.other-features li:before {
    content: "\f0a9";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    margin-right: 20px;
    font-weight: 900;
    color: var(--renk);
}
.demo-bar header#masthead.header-v1 {
    padding: 15px;
    position: inherit;
}

a.custom-button.demo-buy-btn.pull-right {
    background: #61c0fe;
    color: #fff;
    margin: 0;
    border-radius: 41px;
}
.demo-bar .site-title span {
    color: #ffffff;
}

.demo-bar .section-carousel-enabled .slick-dots li.slick-active button,
.demo-bar .section-carousel-enabled .slick-dots li button:hover {
    background: #000000;
}
.demo-bar .other-features li {
    float: left;
    width: 48%;
    font-size: 18px;
    position: relative;
    color: #656565;
    margin-bottom: 8px;
    background-size: 20px;
    list-style: none;
    font-weight: 400;
    padding-right: 30px;
    background: #ffffff;
    padding: 15px 25px;
    margin: 1%;
    box-shadow: 0 0 18px #ddd;
}
.demo-bar #featured-slider .overlay-enabled article::after {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 888;
	background-color: rgba(0, 0, 0, 0.73);
}
.demo-bar a.btn.btn-small.btn-circle.demo-btn {
	float: right;
	background: #18ba60;
	padding: 7PX 37px;
	margin-top: 5px;
}
.demo-bar #main-slider .slider-buttons .btn {
	margin-left: 0;
	border: 2px solid #fff;
	background: inherit;
	padding: 10px 45px;
}
.browser-dots {
    background: #f3f3f3;
    padding: 0px 12px;
    text-align: left;
    /* border-radius: 5px 5px 0 0; */
}
.browser-dots span {
    height: 8px;
    width: 8px;
    background: #e2e2e2;
    display: inline-block;
    margin-right: 1px;
    border-radius: 50%;
}
.browser-dots span.red {
    background: #F44336;
}
.browser-dots span.yellow {
    background: #FFC107;
}
.browser-dots span.green {
    background: #4CAF50;
}
.demo {
    width: 100%;
    margin: 0 auto 15px;
    padding: 15px;
    background: #fff;
    position: relative;
    border-radius: 0;
    box-shadow: 0px 0px 19px 0px rgba(122, 122, 122, 0.18);
}
.demo h3 {
    font-size: 18px;
    margin-bottom: 35px;
    font-weight: 600;
    margin: 15px 0 0;
    text-align: center;
    padding: 20px;
    background: #ffffff;
    margin: 0 -15px -15px;
}
.demo a:before {
    color: #fff;
    visibility: hidden;
    height: 45px;
    width: 45px;
    content: "\f06e";
    display: block;
    background: var(--renk);
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free";
    z-index: 99;
    left: 45%;
    top: 45%;
    padding: 10px;
    text-align: center;
    z-index: 999;
    border-radius: 100%;
}
.demo-bar .col-grid-4 {
    margin-bottom: 20px;
}
.demo-bar .feature-item h3 {
    color: #fff;
    text-align: center;
    font-weight: 500;
}
.demo-bar .features-demo .col-grid-4 {
    margin-bottom: 40px;
}
.demo a:after {
	height: 0;
	width: 0;
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0.95;
	visibility: hidden;
	transition: all 0.3s ease 0s;
	color: #fff;
}
.demo a {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	display: block;
}
.demo a:hover:after{
	height: 100%;
	width: 100%;
	visibility: visible;
		top: 0;
	left: 0;

}

.demo a:hover:before {
	visibility: visible;
}
.demo-bar #content {
	background: none;
}

.demo-bar #content .section-subtitle {
	font-size: 18px;
	margin: 0 auto 50px;

}


.demo-bar .main-feature img {
	width: 90px;
	margin-bottom: 15px;
}
.demo-bar .main-feature {
    text-align: center;
    background: #fff;
    padding: 60px 20px;
}
.demo-bar a.custom-button.buy-now-button {
	float: right;
}

.demo-bar .main-feature h3 {
	font-size: 18px;
}

.demo-bar .section-featured-banner .featured-banner > a::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 9;
    background-color: var(--renk);
}
.section-featured-banner p {
    color: #fff;
}
.demo-bar .section-featured-banner h3 {
    font-weight: 700;
    font-size: 59px;
}


.demo-bar #masthead {
	box-shadow: inherit;
}

.demo-bar #content .section.dark-background {
    background-color: #e70825;
}

.demo-bar aside.section.other-features ul {
	margin-top: 15px;
}
.demo-bar div#sidr-quick {
    display: none;
}


.demo-bar .featured-banner img {
    width: 100%;
}
/*demo media*/

@media only screen and (max-width:1230px){
	.demo-bar .section-featured-banner h3 {
		font-size: 40px;
	}
}
@media only screen and (max-width:1023px){

	.demo-bar .section-featured-banner .banner-caption {
		width: 100%;
		left: 0;
	}
	.demo-bar .section-featured-banner h3 {
		font-size: 32px;
	}
	.demo-bar .other-features li {
		width: 100%;
	}
	.demo-bar #mobile-trigger-quick {
	    float: right;
	    display: none;
	}
	.demo-bar #mobile-trigger,.demo-bar  button#header-top-toggle {
	    box-shadow: none;
	    text-align: center;
	    width: 100%;
	}
	.demo-bar #header-right {
	    float: right;
	    margin-left: 0;
	}
}

@media only screen and (max-width:768px){

.demo-bar #masthead.overlap-header {
    background: #2c2c2e;
}
}
@media only screen and (max-width:767px){


	.demo-bar .col-grid-4 {
	    margin-bottom: 0;
	}
	.demo-bar  a.custom-button.button-curved {
		padding: 5px 20px;
		font-size: 12px;
	}
	.demo-bar a.custom-button.buy-now-button {
		float: right;
		margin-top: 10px;
	}

	.demo-bar .other-features li {
		width: 100%;
	}

	.demo-bar .col-grid-4 {
	    margin-bottom: 0;
	    width: 50%;
	}
	.demo-bar .features-demo .col-grid-4 {
	    margin-bottom: 20px;
	}
	.demo-bar .section-featured-banner p {
	    font-size: 15px;
	    color: #fff;
	    margin-bottom: 5px;
	    line-height: 1.5;
	}
	.demo-bar .section-featured-banner h3 {
	    font-size: 25px;
	    margin-bottom: 5px;
	}
	.demo-bar .col-grid-4 {
	    margin-bottom: 0;
	    width: 100%;
	}
	.demo-bar .section-featured-banner .banner-caption {
	    width: 100%;
	    left: 0;
	    bottom: 25px;
	}
	.demo-bar #masthead {
	    box-shadow: inherit;
	    padding: 10px 0;
	}
	.demo-bar #header-right {
	    float: right;
	    margin-left: 0;
	    margin-top: 5px;
	}
		.demo-bar #content .section-title-wrap {
	    margin-bottom: 15px;
	}
		.picker_close{
		    width: 33px;
		    height: 33px;
		    left: -32px;
		}
		.picker_close i{
		    font-size: 13px;
		    margin-top: 9px;
		}
}


/* =========================================================
   SOFT CORPORATE OVERRIDES (2026-02) - Vanilla CSS
   Requested tweaks: more rounded-rectangle inputs, clearer form border,
   less bright dropdown, narrower site layout.
   ========================================================= */

/* Site width / boxed feeling (but still responsive) */
:root{
  --ui-radius-lg: 10px;      /* rounded-rectangle */
  --ui-radius-xl: 12px;      /* extra rounded */
  --ui-border: #d7deea;
  --ui-border-2: #c8d2e3;
  --ui-surface: #ffffff;
  --ui-surface-2: #f6f8fc;
  --ui-text: #0f172a;
  --ui-muted: #526075;
  --ui-shadow: 0 10px 28px rgba(15, 23, 42, .08);
  --ui-shadow-sm: 0 6px 16px rgba(15, 23, 42, .10);
}

/* Overall background soft */
body{
  background: var(--ui-surface-2);
  color: var(--ui-text);
}

/* Narrower container across site */
@media (min-width: 1200px){
  .container{ max-width: 1120px; }
}
@media (min-width: 1400px){
  .container{ max-width: 1140px; }
}

/* Give main content breathing room on small screens */
@media (max-width: 768px){
  #content .container{ padding-left: 18px; padding-right: 18px; }
}

/* -----------------------------
   FORMS: rounded-rectangle + clearer borders
--------------------------------*/
.form-control,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
select,
textarea{
  border: 1px solid var(--ui-border);
  background: var(--ui-surface);
  border-radius: var(--ui-radius-xl) !important; /* more oval */
  padding: 14px 16px;
  height: auto;
  box-shadow: 0 1px 0 rgba(15,23,42,.02);
  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease, background .2s ease;
}

/* textarea a bit less pill but still rounded */
textarea{
  border-radius: var(--ui-radius-lg) !important;
  min-height: 140px;
  resize: vertical;
}

/* Better placeholder */
.form-control::placeholder,
input::placeholder,
textarea::placeholder{
  color: #8a97ab;
}

/* Focus ring (soft corporate) */
.form-control:focus,
input:focus,
select:focus,
textarea:focus{
  outline: none !important;
  border-color: var(--ui-border-2) !important;
  box-shadow: 0 0 0 4px rgba(56, 132, 255, .16), var(--ui-shadow-sm);
  background: #ffffff;
}

/* Make labels a bit cleaner */
#content label{
  color: var(--ui-muted);
  font-weight: 600;
  margin: 10px 0 6px;
  display: inline-block;
}

/* Form wrapper: visible border + card look */
#content .site-main form{
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: 16px;
  padding: 22px 22px 10px;
  box-shadow: var(--ui-shadow);
}

/* Inputs spacing inside grid */
#content .site-main form .col-grid-6,
#content .site-main form .col-grid-12{
  padding-bottom: 10px;
}

/* File input line: keep neat */
input[type="file"]{
  border-radius: 10px !important;
  padding: 10px 12px;
}

/* Buttons - more premium */
button,
input[type="submit"],
.btn{
  border-radius: 10px !important;
}

/* Mobile: form padding and full-width buttons */
@media (max-width: 576px){
  #content .site-main form{ padding: 18px 16px 8px; }
  #content .site-main form button,
  #content .site-main form input[type="submit"]{ width: 100%; }
}

/* -----------------------------
   DROPDOWN: reduce brightness / glare
--------------------------------*/
.main-navigation ul li ul.sub-menu,
.main-navigation ul li ul{
  background: rgba(255,255,255,.98) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(2,6,23,.14);
  overflow: hidden;
  padding: 10px 0;
}

.main-navigation ul li ul.sub-menu li a,
.main-navigation ul li ul li a{
  color: #0f172a !important;
  background: transparent !important;
  padding: 12px 16px !important;
}

.main-navigation ul li ul.sub-menu li a:hover,
.main-navigation ul li ul li a:hover{
  background: #f1f5f9 !important;
  color: #0b1220 !important;
}

/* If theme adds a bright bar/after effect, neutralize it */
.main-navigation ul li ul.sub-menu:before,
.main-navigation ul li ul:before{
  content: none !important;
}

/* -----------------------------
   HEADER: keep elegant (less heavy)
--------------------------------*/
.site-header.sticky-enabled{
  backdrop-filter: blur(10px);
}

/* reduce overly dark/bright pills in top menu if exists */
.main-navigation > ul > li > a{
  border-radius: 12px;
}

/* =========================================================
   GLOBAL BOXED LAYOUT (Soft Corporate)
   - wraps the whole site into a gently rounded "boxed" shell
   - not too narrow; stays responsive
   ========================================================= */

:root{
  --ui-boxed-width: 1340px;
  --ui-boxed-radius: 28px;
}

html, body{ height: 100%; }

body{
  background: #f3f6fb;
}

/* Main wrapper created in include/menu.php: <div id="page" class="site"> */
#page.site{
  width: min(96vw, var(--ui-boxed-width));
  margin: 18px auto;
  border-radius: var(--ui-boxed-radius);
  background: var(--ui-bg);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow:
    0 22px 55px rgba(2,6,23,.12),
    0 2px 0 rgba(2,6,23,.02);
  overflow: hidden; /* keep rounded corners clean */
}

/* Make sure full-width backgrounds inside remain clean */
#page.site .site-content,
#page.site #content{
  background: transparent;
}

/* Sticky header becomes boxed too (theme adds .sticky-header on scroll) */
#masthead.sticky-enabled.sticky-header,
.sticky-enabled.sticky-header{
  width: min(96vw, var(--ui-boxed-width));
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(2,6,23,.16);
  border: 1px solid rgba(15,23,42,.10);
  backdrop-filter: blur(12px);
}

/* Prevent sticky header from touching the edges */
#masthead.sticky-enabled.sticky-header{ top: 12px; }

/* Footer inside boxed: preserve rounding */
#page.site #colophon,
#page.site .site-footer{
  border-bottom-left-radius: var(--ui-boxed-radius);
  border-bottom-right-radius: var(--ui-boxed-radius);
}

/* Mobile: boxed should go edge-to-edge, radius off to avoid clipping */
@media (max-width: 768px){
  #page.site{
    width: 100vw;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  #masthead.sticky-enabled.sticky-header,
  .sticky-enabled.sticky-header{
    width: 100vw;
    left: 0 !important;
    transform: none;
    border-radius: 0;
  }
}



/* =========================================================
   PATCH (2026-02): Fix sticky header alignment + remove inner oval content frame
   - keep global boxed shell
   ========================================================= */

/* Container no longer too narrow inside boxed */
@media (min-width: 1200px){
  .container{ max-width: 1240px; }
}
@media (min-width: 1400px){
  .container{ max-width: 1280px; }
}

/* Boxed gap for sticky header */
:root{
  --ui-boxed-gap: 18px;
}

/* Sticky header: center via auto margins (avoid left:50% shift bugs) */
#masthead.sticky-enabled.sticky-header,
.sticky-enabled.sticky-header{
  width: calc(100% - (var(--ui-boxed-gap) * 2)) !important;
  max-width: var(--ui-boxed-width) !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

/* Remove the extra rounded "frame" around page/post content area */
.site-main article,
.site-main article .entry-content,
.site-main article .entry-header,
.site-main article .post-thumbnail,
.site-main article .post-thumbnail img,
.site-main article img.wp-post-image,
.site-main article .wp-post-image{
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* If theme puts content into a white rounded card, neutralize it */
.site-main article,
.site-main .hentry,
.site-main .post,
.site-main .page,
.site-main .content-area article{
  background: transparent !important;
  border: 0 !important;
}

/* Keep readability: ensure standard spacing remains */
.site-main .entry-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile: keep sticky header edge-to-edge as before */
@media (max-width: 768px){
  #masthead.sticky-enabled.sticky-header,
  .sticky-enabled.sticky-header{
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
  }
}



/* =============================
   v3 FIXES: wider layout + sticky centering + remove inner post card
============================= */

/* Use more of the boxed width (not too narrow) */
@media (min-width: 1200px){
  .container{ max-width: 1240px !important; }
}
@media (min-width: 1400px){
  .container{ max-width: 1280px !important; }
}

/* Robust sticky header centering inside boxed */
#masthead.sticky-enabled.sticky-header,
.sticky-enabled.sticky-header{
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: min(96vw, var(--ui-boxed-width)) !important;
  max-width: var(--ui-boxed-width) !important;
  margin: 0 !important;
}

/* Remove "inner white rounded card" that wraps title/content under the featured image */
.site-main .hentry,
.site-main .post,
.site-main .page,
.content-area .site-main > article,
.content-area .site-main article,
.single .site-main article,
.page .site-main article{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Some themes wrap content in extra inner boxes */
.site-main .entry,
.site-main .entry-inner,
.site-main .entry-wrap,
.site-main .post-inner,
.site-main .post-content,
.site-main .content-inner,
.site-main .content-wrap,
.site-main .post-details,
.site-main .blog-post,
.site-main .single-post,
.site-main .page-content{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Keep spacing readable but stop unnecessary left/right inset */
.site-main .entry-header,
.site-main .entry-content,
.site-main .post-thumbnail{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile: keep sticky header edge-to-edge */
@media (max-width: 768px){
  #masthead.sticky-enabled.sticky-header,
  .sticky-enabled.sticky-header{
    left: 0 !important;
    transform: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}



/* =========================================================
   PATCH (2026-02): Sticky header menu alignment
   - make inner .container full width and use flex so logo/menu don't "drift" right
   ========================================================= */
#masthead.sticky-enabled.sticky-header .container,
.sticky-enabled.sticky-header .container{
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 26px !important;
  padding-right: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* neutralize float-based layout only inside sticky header */
#masthead.sticky-enabled.sticky-header .site-branding,
#masthead.sticky-enabled.sticky-header .right-main-header,
.sticky-enabled.sticky-header .site-branding,
.sticky-enabled.sticky-header .right-main-header{
  float: none !important;
}

#masthead.sticky-enabled.sticky-header .right-main-header,
.sticky-enabled.sticky-header .right-main-header{
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
}

/* keep nav neatly aligned */
#masthead.sticky-enabled.sticky-header .main-navigation,
.sticky-enabled.sticky-header .main-navigation{
  display: flex !important;
  align-items: center !important;
}

/* small screens: slightly smaller side padding */
@media (max-width: 576px){
  #masthead.sticky-enabled.sticky-header .container,
  .sticky-enabled.sticky-header .container{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}



/* =============================
   v5 FIXES: header alignment + dropdown stacking
============================= */

/* Make header layout robust (avoid float drift) */
@media (min-width: 992px){
  #masthead.site-header > .container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important; /* boxed width is handled by #page wrapper */
  }
  #masthead .site-branding,
  #masthead .right-main-header{
    float: none !important;
  }
  #masthead .site-branding{
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    min-width: 160px;
  }
  #masthead .right-main-header{
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    min-width: 0 !important;
  }
  #masthead #main-navigation,
  #masthead .main-navigation{
    float: none !important;
  }
  #masthead .main-navigation{
    display: flex !important;
    align-items: center !important;
  }
  #masthead .main-navigation > ul{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
  }
}

/* Dropdown behind/under issues: ensure stacking + no clipping */
#masthead,
#masthead .container,
#masthead .right-main-header,
#masthead #main-navigation,
#masthead .main-navigation{
  overflow: visible !important;
}

#masthead{
  position: relative !important;
  z-index: 9999 !important;
}

/* Dropdown menus */
#masthead .main-navigation ul ul{
  z-index: 10000 !important;
}

/* If theme sets dropdown with opacity/transform, create a new stacking context correctly */
#masthead .main-navigation ul li{
  position: relative !important;
}

/* Sticky header should stay above page content */
#masthead.sticky-header,
.sticky-header{
  z-index: 10050 !important;
}


/* =============================
   v6 FIXES: header background (no white) + safer sticky stacking
   - keep boxed layout
   ============================= */

:root{
  /* ensure boxed surface variable exists (some earlier blocks used --ui-bg) */
  --ui-bg: var(--ui-surface);
}

/* Header: dark soft surface (matches corporate look) */
#masthead.site-header,
#masthead.header-v1,
#masthead.header-v2{
  background: rgba(15, 23, 42, .78) !important;
  backdrop-filter: blur(10px);
}

/* When NOT sticky, don't let inner rows force a white background */
#masthead.site-header .container,
#masthead.site-header .main-header,
#masthead.site-header .header-main,
#masthead.site-header .header-wrapper{
  background: transparent !important;
}

/* Sticky header: keep the same dark surface + strong stacking */
#masthead.sticky-enabled.sticky-header,
.sticky-enabled.sticky-header{
  background: rgba(15, 23, 42, .82) !important;
  z-index: 10080 !important;
}

/* Dropdown should stay readable (light surface) */
#masthead .main-navigation ul ul{
  background: #ffffff !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 18px 40px rgba(2,6,23,.18) !important;
}

/* Prevent any clipping from header wrappers */
#masthead,
#masthead *{
  -webkit-transform: translateZ(0);
}


/* =========================
   FIX: Footer boxed on all templates (e.g., Hizmet Bölgeleri / Sepet)
   Some templates render footer outside #page.site; force same boxed width + centering.
   ========================= */
#colophon,
.site-footer,
footer.site-footer,
footer.footer,
#footer{
  max-width: min(96vw, var(--ui-boxed-width));
  margin-left: auto;
  margin-right: auto;
}

/* If footer is already inside the boxed wrapper, don't shrink it */
#page.site #colophon,
#page.site .site-footer,
#page.site footer.site-footer,
#page.site #footer{
  max-width: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Keep bottom corners rounded + prevent background bleed */
#colophon,
.site-footer,
#footer{
  border-bottom-left-radius: var(--ui-boxed-radius);
  border-bottom-right-radius: var(--ui-boxed-radius);
  overflow: hidden;
}

/* Align footer inner container to boxed width (themes with extra wrappers) */
#colophon .container,
.site-footer .container,
#footer .container{
  max-width: none;
}

/* Mobile: edge-to-edge */
@media (max-width: 768px){
  #colophon,
  .site-footer,
  #footer{
    max-width: 100vw;
    border-radius: 0;
  }
}


/* =========================================================
   Footer boxed fix (Cart / Regions pages etc.)
   Some templates render footer outside #page.site so it stays full-width.
   This forces the footer blocks to use the same boxed geometry.
   ========================================================= */

/* Main footer wrapper(s) */
body > footer,
body > #footer,
body > #colophon,
footer.site-footer,
footer.footer,
#footer,
#colophon,
.site-footer{
  width: min(96vw, var(--ui-boxed-width));
  max-width: var(--ui-boxed-width);
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--ui-boxed-radius);
  overflow: hidden;
  box-shadow: 0 18px 60px rgba(0,0,0,.12);
  border: 1px solid rgba(0,0,0,.06);
}

/* Footer inner rows should span the boxed width */
#footer .container,
#colophon .container,
.site-footer .container,
footer .container{
  width: 100%;
  max-width: none;
}

/* Footer bottom/copyright bars (sometimes separate elements) */
.footer-bottom,
.footer-copyright,
.footer-copyright-area,
.copyright,
#copyright,
#footer-bottom{
  width: min(96vw, var(--ui-boxed-width));
  max-width: var(--ui-boxed-width);
  margin-left: auto;
  margin-right: auto;
  border-bottom-left-radius: var(--ui-boxed-radius);
  border-bottom-right-radius: var(--ui-boxed-radius);
  overflow: hidden;
}

/* Keep spacing consistent when footer is boxed */
body > footer,
body > #footer,
body > #colophon{
  margin-top: 24px;
  margin-bottom: 24px;
}

/* Mobile: edge-to-edge */
@media (max-width: 768px){
  body > footer,
  body > #footer,
  body > #colophon,
  footer.site-footer,
  footer.footer,
  #footer,
  #colophon,
  .site-footer,
  .footer-bottom,
  .footer-copyright,
  .footer-copyright-area,
  .copyright,
  #copyright,
  #footer-bottom{
    width: 100vw;
    max-width: 100vw;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }
  body > footer,
  body > #footer,
  body > #colophon{
    margin-top: 0;
    margin-bottom: 0;
  }
}




/* =============================
   v9 FIX: Remove inner "card frame" that narrows page/blog content (About page etc.)
   The theme uses .hentry-inner-wraper + .entry-content-wrapper with side margins.
============================= */

/* Neutralize the outer card wrapper */
.site-main .hentry-inner-wraper{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Make content align full width with the featured image (no side squeeze) */
.site-main .entry-content-wrapper{
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Keep a clean rhythm without creating a "box" */
.site-main .entry-header,
.site-main .entry-meta,
.site-main .entry-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* If you want a tiny separation under the image without boxing */
.site-main .slideshow-container + .entry-content-wrapper,
.site-main .post-thumbnail + .entry-content-wrapper{
  margin-top: 18px !important;
}



/* =========================
   FIX: Footer boxed on templates where footer is outside #page.site
   (Hizmet Bölgeleri, Sepet, Albümler, Referanslar, etc.)
   Keeps layout intact on pages where footer is already inside #page.site.
   ========================= */

/* Only target footers that are direct children of body (outside boxed wrapper) */
body > :where(footer, #footer, #colophon, .site-footer, .footer, .footer-area, .footer-section, .main-footer, .footer-wrapper, .footer-wrap, .footer-top, .footer-bottom, .copyright, .copyright-bar){
  width: min(96vw, var(--ui-boxed-width));
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 18px !important;
  border-bottom-left-radius: var(--ui-boxed-radius);
  border-bottom-right-radius: var(--ui-boxed-radius);
  overflow: hidden; /* clip any inner full-width backgrounds */
  box-shadow:
    0 22px 55px rgba(2,6,23,.12),
    0 2px 0 rgba(2,6,23,.02);
  border: 1px solid rgba(15,23,42,.08);
}

/* Give the boxed footer the same dark corporate surface */
body > :where(footer, #footer, #colophon, .site-footer, .footer, .footer-area, .footer-section, .main-footer, .footer-wrapper, .footer-wrap){
  background: #1f232a !important;
  color: rgba(255,255,255,.86);
}

/* If theme uses inner full-width backgrounds, make them transparent so wrapper controls the look */
body > :where(footer, #footer, #colophon, .site-footer, .footer, .footer-area, .footer-section, .main-footer, .footer-wrapper, .footer-wrap) :where(.footer-top, .footer-bottom, .copyright, .copyright-bar){
  background: transparent !important;
}

/* Prevent inner containers from narrowing the footer */
body > :where(footer, #footer, #colophon, .site-footer, .footer, .footer-area, .footer-section, .main-footer, .footer-wrapper, .footer-wrap) :where(.container, .wrapper, .inner, .row, .wrap){
  max-width: none !important;
}

/* Footer padding inside boxed */
body > :where(footer, #footer, #colophon, .site-footer, .footer, .footer-area, .footer-section, .main-footer, .footer-wrapper, .footer-wrap){
  padding-left: clamp(16px, 2.2vw, 32px) !important;
  padding-right: clamp(16px, 2.2vw, 32px) !important;
}

/* Mobile: footer should go edge-to-edge (no clipping / no radius) */
@media (max-width: 768px){
  body > :where(footer, #footer, #colophon, .site-footer, .footer, .footer-area, .footer-section, .main-footer, .footer-wrapper, .footer-wrap, .footer-top, .footer-bottom, .copyright, .copyright-bar){
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
}


/* ========== Footer boxed fix (pages where footer is rendered outside #page.site) ========== */
/* The theme wraps widgets + bottom bar in .footer-container */
:root{
  --boxed-w: 1340px;
  --boxed-gap: clamp(16px, 2.2vw, 32px);
  --boxed-radius: 28px;
}

/* Default: if footer-container is outside, force it into the same boxed width */
body > .footer-container{
  width: min(96vw, var(--boxed-w)) !important;
  margin: 18px auto 0 !important;
  border-radius: var(--boxed-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .14) !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
}

/* When footer-container is already inside the boxed page, don't re-box it */
#page.site .footer-container{
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Keep widget/footer backgrounds inside the container (avoid full-width dark bars) */
body > .footer-container{
  background: transparent !important;
}
body > .footer-container #footer-widgets,
body > .footer-container .colophon-bottom{
  background: #232323 !important;
}

/* Internal spacing */
body > .footer-container #footer-widgets > .container,
body > .footer-container .colophon-bottom > .container{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: var(--boxed-gap) !important;
  padding-right: var(--boxed-gap) !important;
}

/* Mobile: footer goes edge-to-edge */
@media (max-width: 768px){
  body > .footer-container{
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
}

/* =========================================================
   Footer standalone bottom row fix (some templates)
   ========================================================= */
.footer-bottom,
.colophon-bottom,
.colophonBottom,
.colophon_bottom,
.site-info,
.siteinfo,
.footer-info,
.footerInfo,
.footer-copyright,
.footer-copyright-area,
.copyright-area,
.copyrightArea,
.copyright,
#copyright,
#colophon-bottom,
#colophon_bottom,
#site-info,
#footer-bottom{
  width: min(96vw, var(--ui-boxed-width)) !important;
  max-width: var(--ui-boxed-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-bottom-left-radius: var(--ui-boxed-radius) !important;
  border-bottom-right-radius: var(--ui-boxed-radius) !important;
  overflow: hidden !important;
}

/* Direct child variants */
body > .footer-bottom,
body > .colophon-bottom,
body > .site-info,
body > [class*="colophon"],
body > [class*="copyright"],
body > [id*="copyright"],
body > [id*="colophon"]{
  width: min(96vw, var(--ui-boxed-width)) !important;
  max-width: var(--ui-boxed-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-bottom-left-radius: var(--ui-boxed-radius) !important;
  border-bottom-right-radius: var(--ui-boxed-radius) !important;
  overflow: hidden !important;
}

@media (max-width: 768px){
  .footer-bottom,
  .colophon-bottom,
  .colophonBottom,
  .colophon_bottom,
  .site-info,
  .footer-info,
  .footer-copyright,
  .footer-copyright-area,
  .copyright,
  #copyright,
  #footer-bottom,
  body > .footer-bottom,
  body > .colophon-bottom,
  body > .site-info,
  body > [class*="colophon"],
  body > [class*="copyright"],
  body > [id*="copyright"],
  body > [id*="colophon"]{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }
}