/*
Theme Name: ASI Eğitim Theme
Theme URI: https://asitrainertr.com
Author: Burak
Version: 1.0
Text Domain: asi-egitim
*/

html,
body{
margin:0;
padding:0;
font-family:Arial,sans-serif;
background:#f8fafc;
color:#111827;
}

*{
box-sizing:border-box;
}

body{
margin:0;
padding:0;
background:#f8fafc;
color:#111827;
font-family:Arial,sans-serif;
}

a{
text-decoration:none;
}

img{
max-width:100%;
height:auto;
display:block;
}

.issaBody{
margin:0;
padding:0;
background:#f8fafc;
color:#111827;
}

.issaTop{
padding:14px 18px 0;
background:transparent;
border-bottom:none;
box-shadow:none;
}

.issaTopInner{
max-width:1280px;
margin:0 auto;
padding:18px 22px;
background:rgba(255,255,255,0.88);
border:1px solid rgba(226,232,240,0.85);
border-radius:20px;
box-shadow:0 8px 24px rgba(15,23,42,0.05);
backdrop-filter:blur(8px);
}

.issaLogoRow{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}

.issaLogo{
display:flex;
align-items:center;
}

.issaLogoLink{
text-decoration:none;
display:inline-flex;
align-items:center;
}

.issaLogo img{
max-height:52px;
width:auto;
display:block;
}

.issaTopLinks{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

.issaTopA{
text-decoration:none;
color:#374151;
font-weight:600;
font-size:14px;
transition:.2s ease;
}

.issaTopA:hover{
color:#111827;
}

.issaTopBtn{
text-decoration:none;
background:#111827;
color:#fff;
padding:10px 16px;
border-radius:12px;
font-weight:700;
font-size:14px;
display:inline-flex;
align-items:center;
justify-content:center;
transition:.2s ease;
}

.issaTopBtn:hover{
background:#1f2937;
color:#fff;
}

.issaNav{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:18px;
}

.issaNavA{
text-decoration:none;
padding:10px 14px;
border-radius:12px;
background:#f3f4f6;
color:#111827;
font-weight:700;
font-size:14px;
transition:.2s ease;
display:inline-flex;
align-items:center;
justify-content:center;
}

.issaNavA:hover{
background:#e5e7eb;
color:#111827;
}

.issaNavA.active{
background:#111827;
color:#fff;
}

.issaMiniBanner{
margin-top:18px;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
background:#eef2ff;
border:1px solid #c7d2fe;
padding:14px 16px;
border-radius:16px;
}

.issaMiniText{
font-weight:600;
color:#312e81;
}

.issaMiniCta{
border:none;
background:#4f46e5;
color:#fff;
padding:10px 14px;
border-radius:12px;
font-weight:700;
cursor:pointer;
transition:.2s ease;
}

.issaMiniCta:hover{
background:#4338ca;
}

.issaPage{
max-width:1280px;
margin:0 auto;
padding:28px 20px 40px;
}

.issaGrid{
display:grid;
grid-template-columns:minmax(0,1fr) 340px;
gap:24px;
align-items:start;
}

.issaMain,
.issaSide{
min-width:0;
}

.issaH1{
margin:0 0 18px;
font-size:36px;
line-height:1.15;
font-weight:500;
letter-spacing:-0.01em;
}

.issaPromo,
.issaPanel,
.issaSideBox,
.issaAd,
.issaPageBox{
background:#fff;
border-radius:24px;
box-shadow:0 10px 30px rgba(17,24,39,.06);
border:1px solid #edf2f7;
}

.issaPromo,
.issaPanel{
padding:22px;
margin-bottom:22px;
}

.issaPromoHead{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
flex-wrap:wrap;
margin-bottom:18px;
}

.issaPromoTitle{
font-size:14px;
font-weight:700;
letter-spacing:.08em;
color:#6b7280;
}

.issaPromoCopy{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}

.issaPromoHint{
font-weight:600;
color:#6b7280;
}

.issaPromoCode{
display:inline-flex;
align-items:center;
padding:10px 14px;
background:#111827;
color:#fff;
border-radius:12px;
font-weight:700;
letter-spacing:.04em;
}

.issaPromoBtn{
border:none;
background:#f59e0b;
color:#111827;
padding:10px 14px;
border-radius:12px;
font-weight:700;
cursor:pointer;
transition:.2s ease;
display:inline-flex;
align-items:center;
justify-content:center;
}

.issaPromoBtn:hover{
background:#fbbf24;
color:#111827;
}

.issaPromoTiles{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}

.issaTile{
overflow:hidden;
border-radius:18px;
background:#f9fafb;
border:1px solid #e5e7eb;
transition:.2s ease;
display:block;
}

.issaTile:hover{
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(17,24,39,.08);
}

.issaTileImg{
height:180px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.issaTileT{
padding:14px 16px;
font-weight:700;
font-size:16px;
color:#111827;
}

.issaPanelTabs,
.issaQuickTabs{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-bottom:18px;
}

.issaTab,
.issaQTab{
border:none;
padding:10px 14px;
border-radius:12px;
background:#f3f4f6;
font-weight:700;
color:#374151;
cursor:pointer;
transition:.2s ease;
}

.issaTab:hover,
.issaQTab:hover{
background:#e5e7eb;
}

.issaTab.isOn,
.issaQTab.isOn{
background:#111827;
color:#fff;
}

.issaTableWrap{
overflow:auto;
}

.issaTable{
width:100%;
border-collapse:collapse;
}

.issaTable th,
.issaTable td{
padding:16px 12px;
border-bottom:1px solid #e5e7eb;
text-align:left;
font-size:14px;
vertical-align:middle;
}

.issaTable th{
font-size:13px;
text-transform:uppercase;
letter-spacing:.04em;
color:#6b7280;
font-weight:600;
}

.issaInlineLink{
text-decoration:none;
color:#111827;
font-weight:600;
transition:.2s ease;
}

.issaInlineLink:hover{
color:#4f46e5;
}

.issaSectionTitle{
font-size:22px;
font-weight:700;
margin-bottom:16px;
letter-spacing:-0.01em;
}

.issaQuickGrid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}

.qCard{
display:block;
text-decoration:none;
background:#f9fafb;
border:1px solid #e5e7eb;
border-radius:18px;
padding:18px;
color:#111827;
transition:.2s ease;
}

.qCard:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(17,24,39,.07);
border-color:#d1d5db;
}

.qCardTitle{
font-size:16px;
font-weight:700;
margin-bottom:8px;
}

.qCardText{
color:#6b7280;
font-weight:500;
line-height:1.55;
font-size:14px;
}

.issaHow{
display:grid;
gap:16px;
}

.issaHowRow{
display:flex;
gap:14px;
align-items:flex-start;
padding:14px 0;
border-bottom:1px solid #e5e7eb;
}

.issaHowRow:last-child{
border-bottom:none;
}

.issaHowN{
width:34px;
height:34px;
border-radius:999px;
background:#111827;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
flex:0 0 34px;
}

.issaHowT{
font-weight:700;
margin-bottom:4px;
}

.issaHowP{
color:#6b7280;
font-weight:500;
line-height:1.5;
font-size:14px;
}

.issaAd{
padding:18px;
margin-bottom:22px;
position:relative;
overflow:hidden;
}

.issaAdBadge{
display:inline-block;
padding:8px 10px;
border-radius:999px;
background:#f59e0b;
font-weight:700;
font-size:12px;
margin-bottom:12px;
}

.issaAdImg{
height:180px;
border-radius:18px;
background:url('https://images.unsplash.com/photo-1517836357463-d25dfeac3438?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat;
margin-bottom:16px;
}

.issaAdBig{
font-size:28px;
font-weight:700;
line-height:1.05;
letter-spacing:-0.02em;
}

.issaAdBig.yellow{
color:#f59e0b;
}

.issaAdSmall{
margin-top:8px;
color:#6b7280;
font-weight:600;
}

.issaAdBtn{
margin-top:14px;
border:none;
background:#111827;
color:#fff;
padding:12px 16px;
border-radius:12px;
font-weight:700;
cursor:pointer;
transition:.2s ease;
}

.issaAdBtn:hover{
background:#1f2937;
}

.issaSideBox{
padding:20px;
margin-bottom:22px;
}

.issaSideTitle{
font-size:20px;
font-weight:700;
margin-bottom:10px;
}

.issaSideHint{
font-size:13px;
color:#6b7280;
font-weight:500;
margin-bottom:14px;
}

.issaSideBtn{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
border:none;
background:#f9fafb;
padding:14px 16px;
border-radius:14px;
margin-bottom:10px;
font-weight:600;
cursor:pointer;
transition:.2s ease;
}

.issaSideBtn:hover{
background:#f3f4f6;
}

.issaArrow{
font-size:20px;
line-height:1;
}

.issaCalList{
display:grid;
gap:12px;
margin-top:12px;
}

.issaCalItem{
border:1px solid #e5e7eb;
border-radius:16px;
padding:14px;
background:#fff;
}

.issaCalTop{
display:flex;
justify-content:space-between;
gap:10px;
font-weight:700;
font-size:14px;
margin-bottom:6px;
}

.issaTag{
display:inline-flex;
align-items:center;
padding:6px 10px;
background:#eef2ff;
color:#3730a3;
border-radius:999px;
font-size:12px;
font-weight:700;
white-space:nowrap;
}

.issaCalSub{
color:#6b7280;
font-size:13px;
font-weight:500;
line-height:1.5;
}

.issaTracker{
display:grid;
gap:12px;
}

.trackerItem{
background:#f9fafb;
border:1px solid #e5e7eb;
border-radius:16px;
padding:14px;
}

.trackerTitle{
font-weight:700;
font-size:13px;
color:#111827;
}

.trackerSub{
margin-top:4px;
color:#6b7280;
font-weight:500;
font-size:12px;
}

.issaContentPage{
max-width:1280px;
margin:0 auto;
}

.issaPageBox{
padding:28px;
}

.issaPageTitle{
margin:0 0 18px;
font-size:32px;
line-height:1.2;
font-weight:700;
letter-spacing:-0.02em;
color:#111827;
}

.issaPageContent{
font-size:16px;
line-height:1.7;
color:#374151;
}

.issaPageContent .wp-block-group,
.issaPageContent .elementor,
.issaPageContent .stm_lms_courses_wrapper,
.issaPageContent .masterstudy-course-player,
.issaPageContent .woocommerce,
.issaPageContent form{
max-width:100%;
}

.issaPageContent a{
color:#4f46e5;
}

.issaPageContent img{
max-width:100%;
height:auto;
}

.issaPageContent iframe,
.issaPageContent video{
max-width:100%;
}

@media (max-width: 1024px){
.issaGrid{
grid-template-columns:1fr;
}
}

@media (max-width: 768px){
.issaPromoTiles{
grid-template-columns:1fr;
}
.issaQuickGrid{
grid-template-columns:1fr;
}
.issaH1{
font-size:28px;
}
.issaMiniBanner{
flex-direction:column;
align-items:flex-start;
}
.issaLogoRow{
flex-direction:column;
align-items:flex-start;
}
.issaPageBox{
padding:18px;
border-radius:18px;
}
.issaPageTitle{
font-size:26px;
}
}