/* ========================= */
/* COUNTRIES PAGE ONLY */
/* ========================= */

.countries-page .country-table-wrapper {
    width: 68%;
    max-width: 1400px;
    margin: 50px auto;
    overflow: visible;

    /* ENTRY ANIMATION */
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity 0.9s ease-out,
        transform 0.9s cubic-bezier(.16,1,.3,1),
        box-shadow 0.6s ease;
}

/* reveal state */
.countries-page .country-table-wrapper.reveal {
    opacity: 1;
    transform: translateY(0);
    box-shadow:
        0 0 30px rgba(255,255,255,0.05),
        0 0 80px rgba(0,0,0,0.7);
}

.countries-page .country-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 16px;
    line-height: 1.5;
    background: rgba(10,10,10,0.6);
    backdrop-filter: blur(2px);
}

/* ========================= */
/* COLUMN WIDTH SYSTEM */
/* ========================= */

.countries-page .country-table th:nth-child(1),
.countries-page .country-table td:nth-child(1) { width: 5%; }

.countries-page .country-table th:nth-child(2),
.countries-page .country-table td:nth-child(2) { width: 5%; text-align: center; }

.countries-page .country-table th:nth-child(3),
.countries-page .country-table td:nth-child(3) { width: 20%; }

.countries-page .country-table th:nth-child(4),
.countries-page .country-table td:nth-child(4) { width: 12%; text-align: center; }

.countries-page .country-table th:nth-child(5),
.countries-page .country-table td:nth-child(5) { width: 23%; text-align: center; }

.countries-page .country-table th:nth-child(6),
.countries-page .country-table td:nth-child(6) { width: 10%; text-align: center; }

.countries-page .country-table th:nth-child(7),
.countries-page .country-table td:nth-child(7) { width: 20%; text-align: center; }

/* ========================= */
/* HEADERS */
/* ========================= */

.countries-page .country-table th {
    padding: 10px 14px;
    font-size: 18px;
    text-align: left;
    background: rgba(20,20,20,0.9);
    border-bottom: 2px solid rgba(255,255,255,0.35);
    letter-spacing: 2px;
    font-family: "OldTyper", monospace;
}

.countries-page .country-table td {
    padding: 10px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    vertical-align: middle;
    font-family: Arial, sans-serif;
}

/* ========================= */
/* NEW HOVER SYSTEM */
/* ========================= */

.countries-page .country-table tbody tr {
    transition:
        background 0.25s ease,
        box-shadow 0.35s ease,
        transform 0.25s ease;
}

.countries-page .country-table tbody tr:hover {
    background: rgba(255,255,255,0.04);
    box-shadow:
        inset 0 0 25px rgba(255,255,255,0.05),
        0 0 12px rgba(0,0,0,0.6);
    transform: scale(1.01); /* yukarı çıkmıyor */
}

/* ========================= */
/* MAP */
/* ========================= */

.countries-page .countries-map {
    width: 68%;
    max-width: 1400px;
    margin: 35px auto 55px auto;
    text-align: center;
}

.countries-page .countries-map img {
    width: 100%;
    height: auto;
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 0 25px rgba(0,0,0,0.6);
    transition: box-shadow 0.4s ease;
}

.countries-page .countries-map img:hover {
    box-shadow:
        0 0 15px rgba(255,255,255,0.4),
        0 0 30px rgba(255,255,255,0.25);
}

/* ========================= */
/* TITLE */
/* ========================= */

.countries-page h1 {
    width: 68%;
    max-width: 1400px;
    margin: 40px auto 30px auto;
    text-align: center;
    font-size: 26px;
    letter-spacing: 4px;
    font-family: "OldTyper", monospace;
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media (max-width: 1000px) {

    .countries-page .country-table-wrapper,
    .countries-page .countries-map,
    .countries-page h1 {
        width: 92%;
    }

}

@media (max-width: 900px) {

    .countries-page .country-table-wrapper {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 15px;
    }

    .countries-page .country-table {
        min-width: 1000px;
        font-size: 13px;
    }

    .countries-page .country-table th,
    .countries-page .country-table td {
        padding: 10px;
        white-space: nowrap;
    }

}

@media (max-width: 600px) {

    .countries-page .country-table th,
    .countries-page .country-table td {
        font-size: 12px;
        padding: 8px;
    }

}

/* ========================= */
/* NAVBAR SAFETY */
/* ========================= */

.countries-navbar {
    position: relative;
    z-index: 10;
}

/* ========================= */
/* FLAG IMPROVEMENT */
/* ========================= */

.countries-page .country-table td:nth-child(1) img {
    border: 1px solid rgba(180,180,180,0.6);
    box-shadow:
        0 0 6px rgba(255,255,255,0.08),
        0 0 12px rgba(0,0,0,0.6);
    border-radius: 2px;
}

/* ========================= */
/* COUNTRY NAME EMPHASIS */
/* ========================= */

.countries-page .country-name {
    font-size: 21px;              /* biraz büyüdü */
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 500;
}

.countries-page .country-sub {
    font-size: 14px;
    color: #8e8e8e;               /* grimsi resmi isim */
    margin-top: 2px;
}

/* ========================= */
/* SOVEREIGNTY – INDEPENDENT EMPHASIS */
/* ========================= */

.countries-page .sovereignty-independent {
    color: #6bff95;
    font-weight: 600;
    text-shadow:
        0 0 4px rgba(107,255,149,0.4),
        0 0 8px rgba(107,255,149,0.25);
}

/* ========================= */
/* FLAG SIZE BOOST */
/* ========================= */

.countries-page .country-table td:nth-child(1) img {
    max-height: 34px;   /* önce 28px civarıydı */
    transform: scale(1.05);
}

/* ========================= */
/* COLONIAL – NOCTRALION STYLE */
/* ========================= */

/* Colonial text glow */
.countries-page .sovereignty-colonial {
    color: #9ecbff;
    font-weight: 500;
    text-shadow:
        0 0 6px rgba(100,160,255,0.45),
        0 0 12px rgba(70,120,255,0.25);
}

/* Noctralion name stronger blue */
.countries-page .sovereignty-country .noctralion-name {
    color: #4da3ff;
    font-weight: 600;
    text-shadow:
        0 0 6px rgba(77,163,255,0.6),
        0 0 14px rgba(40,120,255,0.4);
}

/* ========================= */
/* NOCTRALION PERFECT ALIGN  */
/* ========================= */

.countries-page .sovereignty-country {
    display: inline-flex;
    align-items: baseline;   /* kritik nokta */
    gap: 6px;
}

.countries-page .sovereignty-country .mini-flag {
    width: 25px;
    height: 18px;
    object-fit: cover;
    border: 1px solid rgba(180,180,180,0.5);
    transform: translateY(3px); /* bayrağı baseline’a indirir */
}

.countries-page .sovereignty-country .noctralion-name {
    line-height: 1;
}


/* ========================= */
/* INFOBOX */
/* ========================= */

.infobox{

background:rgba(255,255,255,0.04);

border:1px solid rgba(255,255,255,0.12);

border-radius:6px;

padding:18px;

font-size:14px;

}

.infobox-title{

font-family:"OldTyper";

font-size:18px;

margin-bottom:15px;

text-align:center;

}

/* flag */

.infobox-flag{

width:100%;

margin-bottom:15px;

border:1px solid rgba(255,255,255,0.2);

}



/* ========================= */
/* MOBILE */
/* ========================= */

@media(max-width:900px){

.country-layout{

grid-template-columns:1fr;

}

.infobox{

order:-1;

}

}

/* ========================= */
/* COUNTRY PAGE TYPOGRAPHY FIX */
/* ========================= */

.country-page .lore-main h1{
font-family:"OldTyper";
font-size:40px;
margin-bottom:25px;
color:#ffffff;
}

/* article width like lore */

.country-content{
max-width:720px;
}

/* paragraph spacing */

.country-content p{
margin-top:10px;
margin-bottom:22px;
line-height:1.8;
color:#cfcfcf;
}

/* section spacing */

.country-content section{
margin-bottom:40px;
}

/* infobox sticky like wiki */

.infobox{
position:sticky;
top:120px;
}

/* ========================= */
/* COUNTRY PAGE FIX */
/* ========================= */

.country-page .lore-main h1{
font-family:"OldTyper";
font-size:40px;
margin-bottom:25px;
color:#ffffff;
}

.country-content section{
margin-bottom:40px;
}

.country-content p{
margin-top:10px;
margin-bottom:22px;
}

/* infobox hizası */

.infobox{
position:sticky;
top:110px;
}

/* ========================= */
/* ZEALFRONT INFOBOX */
/* ========================= */

.infobox{

background:rgba(15,15,15,0.75);
border:1px solid rgba(255,255,255,0.12);
border-radius:6px;

width:280px;

padding:0;
overflow:hidden;

position:sticky;
top:110px;

}

.infobox-header{

font-family:"OldTyper";
font-size:18px;

text-align:center;

padding:12px;

background:rgba(255,255,255,0.05);

border-bottom:1px solid rgba(255,255,255,0.15);

}

.infobox-flag{

width:100%;
display:block;

border-bottom:1px solid rgba(255,255,255,0.15);

}

.infobox-section{

padding:14px;

}

.info-row{

display:flex;
justify-content:space-between;

padding:6px 0;

border-bottom:1px solid rgba(255,255,255,0.06);

font-size:14px;

}

.info-row:last-child{

border-bottom:none;

}

.info-label{

color:#ffffff;
font-weight:600;

}

.info-value{

color:#cfcfcf;
text-align:right;

}

/* ========================= */
/* WIKIPEDIA STYLE ARTICLE */
/* ========================= */

.country-page .lore-main{

max-width:850px;

}

.country-page .lore-main h1{

font-family:"OldTyper";
font-size:42px;

margin-bottom:30px;

}

.country-content section{

margin-bottom:45px;

}

.country-content p{

margin-top:10px;
margin-bottom:24px;

line-height:1.85;

}

/* ========================= */
/* ARTICLE WIDTH FIX */
/* ========================= */

.country-content{

max-width:850px;

}

.infobox{

width:300px;

}