/* Aksa Frontend — WPBakery-free compat layer (rows/cols/tabs/accordion/gallery/grid/lightbox) */

/* ---- Grid system (replaces vc_row / vc_column) ---- */
.ak-row{display:flex;flex-wrap:wrap;margin:0 -15px;align-items:stretch}
.ak-row.ak-row--middle{align-items:center}
.ak-row.ak-row--stretch{margin:0}
.ak-col{padding:0 15px;flex:1 1 0;min-width:0;box-sizing:border-box}
.ak-row--stretch>.ak-col{padding:0}
/* fractional widths */
.ak-col[data-w="1/1"]{flex-basis:100%;max-width:100%}
.ak-col[data-w="1/2"]{flex-basis:50%;max-width:50%}
.ak-col[data-w="1/3"]{flex-basis:33.3333%;max-width:33.3333%}
.ak-col[data-w="2/3"]{flex-basis:66.6666%;max-width:66.6666%}
.ak-col[data-w="1/4"]{flex-basis:25%;max-width:25%}
.ak-col[data-w="3/4"]{flex-basis:75%;max-width:75%}
.ak-col[data-w="1/6"]{flex-basis:16.6666%;max-width:16.6666%}
.ak-col[data-w="5/6"]{flex-basis:83.3333%;max-width:83.3333%}
.ak-text{margin-bottom:0}
.ak-spacer{width:100%}
.ak-sep{border:0;border-top:1px solid #e3e3e3;margin:20px 0}
.ak-btn{display:inline-block;padding:12px 26px;background:#111;color:#fff;border-radius:6px;text-decoration:none;transition:opacity .2s}
.ak-btn:hover{opacity:.85;color:#fff}
.ak-img{max-width:100%;height:auto;display:block}
.ak-img--center{margin-left:auto;margin-right:auto}

@media(max-width:782px){
	.ak-col[data-w]{flex-basis:100%;max-width:100%}
	.ak-col[data-w="1/2"],.ak-col[data-w="1/3"],.ak-col[data-w="1/4"],.ak-col[data-w="1/6"]{flex-basis:50%;max-width:50%}
}
@media(max-width:520px){.ak-col[data-w]{flex-basis:100%;max-width:100%}.ak-row{margin:0}}

/* ---- Tabs (replaces vc_tta_tabs) ---- */
.ak-tabs__nav{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:0;list-style:none;padding:0}
.ak-tabs__btn{appearance:none;border:1px solid #ddd;background:#f7f7f7;padding:12px 20px;cursor:pointer;border-radius:4px 4px 0 0;font-size:15px;display:flex;align-items:center;gap:8px}
.ak-tabs__btn.is-active{background:#111;color:#fff;border-color:#111}
.ak-tabs__panel{display:none;border:1px solid #e3e3e3;padding:26px;border-radius:0 4px 4px 4px}
.ak-tabs__panel.is-active{display:block}

/* ---- Accordion (replaces vc_tta_accordion) ---- */
.ak-acc__item{border:1px solid #e3e3e3;border-radius:6px;margin-bottom:10px;overflow:hidden}
.ak-acc__head{width:100%;text-align:left;appearance:none;border:0;background:#f7f7f7;padding:16px 20px;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.ak-acc__head:after{content:"+";font-size:22px;line-height:1}
.ak-acc__item.is-open .ak-acc__head{background:#111;color:#fff}
.ak-acc__item.is-open .ak-acc__head:after{content:"\2013"}
.ak-acc__body{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s}
.ak-acc__item.is-open .ak-acc__body{padding:20px;max-height:4000px}

/* ---- Gallery (replaces vc_masonry_media_grid) ---- */
.ak-gallery{columns:3;column-gap:10px}
.ak-gallery--w6{columns:2}
.ak-gallery__item{display:block;margin:0 0 10px;break-inside:avoid;border-radius:6px;overflow:hidden;cursor:pointer}
.ak-gallery__item img{width:100%;height:auto;display:block;transition:transform .3s}
.ak-gallery__item:hover img{transform:scale(1.04)}
@media(max-width:782px){.ak-gallery{columns:2}}
@media(max-width:480px){.ak-gallery{columns:1}}

/* ---- Post grid (replaces vc_basic_grid) ---- */
.ak-grid__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;justify-content:center}
.ak-grid__f{appearance:none;border:1px solid #ddd;background:#fff;padding:9px 18px;border-radius:999px;cursor:pointer;font-size:14px}
.ak-grid__f.is-active{background:#111;color:#fff;border-color:#111}
.ak-grid__items{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:24px}
.ak-grid__item{display:block;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;background:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s}
.ak-grid__item:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}
.ak-grid__item.is-hidden{display:none}
.ak-grid__thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ak-grid__title{display:block;padding:14px 16px;font-size:15px;font-weight:600}
@media(max-width:782px){.ak-grid__items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ak-grid__items{grid-template-columns:1fr}}

/* ---- Shared lightbox ---- */
.ak-lb{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);opacity:0;visibility:hidden;transition:opacity .2s}
.ak-lb.is-open{opacity:1;visibility:visible}
.ak-lb img{max-width:90vw;max-height:86vh;border-radius:8px}
.ak-lb__close{position:absolute;top:16px;right:22px;background:none;border:0;color:#fff;font-size:36px;cursor:pointer;line-height:1}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---- Fix broken-image flash on Elementor/Swiper lazy carousel banners ---- */
/* These imgs render with only data-src (no src) until Swiper loads them; hide the broken-icon until loaded. */
img.swiper-lazy:not(.swiper-lazy-loaded){opacity:0!important}
img.swiper-lazy{transition:opacity .35s ease}
img.swiper-lazy.swiper-lazy-loaded{opacity:1!important}
.elementor-widget-image-carousel .swiper-slide{background:#f3f3f3}

/* ===== Menu: a tick larger top-level + readable, modernized dropdowns (design preserved) ===== */
/* Top-level menu links: 12px -> 14px */
.site-main-nav .main-menu > li > a{font-size:14px!important}
/* Dropdown panel -> modern soft card */
.site-header .mega-menu .popup .inner{border:0!important;border-radius:12px;box-shadow:0 14px 38px rgba(2,31,125,.13)}
.site-header .mega-menu .popup{border:0!important}
/* Dropdown links: fix tiny 8px -> readable + spacing + smooth hover */
.site-header .mega-menu .popup .sub-menu li > a,
.site-header ul.mega-menu .popup li > a{
  font-size:14px!important;line-height:1.55!important;padding:8px 14px!important;border-radius:8px;
  transition:background .15s ease,color .15s ease,padding-left .15s ease}
.site-header .mega-menu .popup .sub-menu li > a:hover{background:#f3f6fc!important;color:#021f7d!important;padding-left:18px!important}
/* Column heading rows a touch stronger, cleaner */
.site-header .mega-menu .popup .sub-menu li.spot > a{font-weight:700;font-size:14.5px!important;letter-spacing:.2px}
.site-header .mega-menu .popup .sub-menu li.spot{margin-bottom:4px}

/* ===== "Ürün Koleksiyonları" — modern custom mega menu (2-pane) ===== */
.menu-item-2130 .popup{width:min(1080px,96vw)!important;left:0!important;right:auto!important;transform:none!important}
.menu-item-2130 .popup > .inner.aksa-mega-host{background:#fff!important;box-shadow:0 26px 64px rgba(2,31,125,.22)!important;border:0!important;border-radius:14px!important;padding:0!important;overflow:hidden;max-height:calc(100vh - 120px)}
.aksa-mega{display:flex;min-height:300px;max-height:calc(100vh - 120px);font-family:inherit;color:#1a1f36}
.aksa-mega *{box-sizing:border-box}
.aksa-mega__nav{flex:0 0 272px;width:272px;background:#f5f8fd;padding:14px;overflow-y:auto}
.aksa-mega__col{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;text-decoration:none;color:#1a1f36;transition:background .15s,box-shadow .15s,color .15s}
.aksa-mega__col:hover,.aksa-mega__col.is-active{background:#fff;box-shadow:0 6px 18px rgba(2,31,125,.10);color:#021f7d}
.aksa-mega__ico{flex:0 0 40px;width:40px;height:40px;border-radius:9px;background:#e6ebf5 50%/cover no-repeat}
.aksa-mega__cname{flex:1;font-size:14px;font-weight:600;line-height:1.25}
.aksa-mega__count{font-size:11px;background:rgba(2,31,125,.08);color:#021f7d;border-radius:20px;padding:2px 9px}
.aksa-mega__col.is-active .aksa-mega__count{background:#021f7d;color:#fff}
.aksa-mega__body{flex:1;padding:24px 28px;overflow-y:auto}
.aksa-mega__panel{display:none}
.aksa-mega__panel.is-active{display:block;animation:aksaMegaIn .22s ease}
@keyframes aksaMegaIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.aksa-mega__phead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #eef1f7}
.aksa-mega__phead h3{margin:0;font-size:18px}
.aksa-mega__phead h3 a{color:#021f7d;text-decoration:none}
.aksa-mega__all{font-size:13px;font-weight:700;color:#c4a817;text-decoration:none;white-space:nowrap}
.aksa-mega__all:hover{color:#a8901a}
.aksa-mega__all--big{display:inline-block;margin-top:6px;font-size:15px}
.aksa-mega__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.aksa-mega__prod{display:flex;align-items:center;gap:11px;padding:8px 9px;border-radius:10px;text-decoration:none;color:#28304a;transition:background .15s,color .15s}
.aksa-mega__prod:hover{background:#f3f6fc;color:#021f7d}
.aksa-mega__thumb{flex:0 0 48px;width:48px;height:48px;border-radius:8px;background:#eef1f7 50%/cover no-repeat}
.aksa-mega__pname{font-size:13px;font-weight:500;line-height:1.35}
@media(max-width:1200px){.aksa-mega__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.menu-item-2130 .popup{display:none!important}}

/* ===== Footer column-1: keep the media image tidy ===== */
.footer-column-1 #media_image-2{float:none;clear:both}
.footer-column-1 #media_image-2 img{max-width:100%;height:auto}

/* ===== Footer: minimal. Top white, bottom dark with white text ===== */
/* top (white) — tighter, more minimal */
#colophon .footer-top{padding:40px 0 26px!important}
#colophon .footer-top .widgettitle,#colophon .footer-top .widget-title{margin-bottom:14px}
/* bottom (dark) office addresses — WHITE text (were black/invisible), minimal */
#colophon .footer-bottom{padding:24px 0!important;border-top:1px solid rgba(255,255,255,.10)}
#colophon .footer-bottom .footer-bottom-inner{text-align:left;padding:0!important}
.ak-foot-offices{display:flex;flex-wrap:wrap;gap:14px 56px}
.ak-foot-office{flex:1 1 340px;min-width:260px}
.ak-foot-office h4{margin:0 0 8px;color:#fff!important;font-size:13.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}
.ak-foot-office p{margin:0 0 4px;color:#fff;font-size:13px;line-height:1.55;opacity:.72}
.ak-foot-office a{color:#fff!important;text-decoration:none;opacity:.85}
.ak-foot-office a:hover{opacity:1;text-decoration:underline}
.ak-foot-copy{margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);color:#fff;font-size:12px;opacity:.55}
@media(max-width:600px){.ak-foot-offices{gap:12px}}