/*
 * Playermap BlizzCMS Advanced layout bridge
 * Scope volontairement limité à la page standalone /playermap/.
 * Ne pas déplacer dans main.css.
 */

html {
    min-height: 100%;
}

body.playermap-blizzcms-body {
    min-height: 100%;
    margin: 0;
    color: #d7e3f7;
    background:
        radial-gradient(circle at 18% 0%, rgba(0, 174, 255, 0.16), transparent 32%),
        radial-gradient(circle at 86% 12%, rgba(240, 194, 102, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(3, 17, 53, 0.88), rgba(2, 7, 19, 0.98)),
        url('/application/themes/default/assets/images/background.jpg') center top / cover no-repeat fixed !important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.playermap-blizzcms-page {
    min-height: 100vh;
    padding: 34px 18px 56px;
    box-sizing: border-box;
}

.playermap-blizzcms-shell {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.playermap-blizzcms-hero {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    padding: 22px 24px;
    border: 1px solid rgba(210, 170, 80, 0.34);
    border-radius: 18px;
    background:
        radial-gradient(circle at 18% 0%, rgba(0, 174, 255, 0.13), transparent 38%),
        linear-gradient(135deg, rgba(5, 14, 35, 0.90), rgba(3, 9, 23, 0.96));
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    overflow: hidden;
    position: relative;
}

.playermap-blizzcms-hero:before,
.playermap-map-card:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(255, 216, 120, 0.07), transparent),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 34%);
}

.playermap-blizzcms-hero-main,
.playermap-blizzcms-actions,
.playermap-map-card-header,
.playermap-map-scroll {
    position: relative;
    z-index: 1;
    overflow-y: visible;
    padding: 22px 18px 58px;
}

.playermap-blizzcms-kicker {
    color: #f0c266;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.playermap-blizzcms-hero h1 {
    margin: 4px 0 6px;
    color: #f4f7ff;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 900;
    text-shadow: 0 0 18px rgba(0, 174, 255, 0.22);
}

.playermap-blizzcms-hero p {
    margin: 0;
    color: #92a7c5;
    font-size: 14px;
}

.playermap-blizzcms-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 260px;
}

.playermap-home-button,
.playermap-stats-button {
    position: static !important;
    z-index: auto !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(240, 194, 102, 0.62) !important;
    border-radius: 12px;
    color: #f0c266 !important;
    background: rgba(240, 194, 102, 0.08) !important;
    font-size: 12px;
    font-weight: 900;
    line-height: 38px;
    text-decoration: none !important;
    text-transform: uppercase;
    box-shadow: none !important;
    box-sizing: border-box;
}

.playermap-home-button:hover,
.playermap-stats-button:hover {
    color: #071021 !important;
    border-color: rgba(255, 210, 105, 0.95) !important;
    background: linear-gradient(180deg, #ffd269, #c88724) !important;
    text-decoration: none !important;
}

.playermap-map-card {
    position: relative;
    overflow: visible;
    border: 1px solid rgba(210, 170, 80, 0.34);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(0, 174, 255, 0.10), transparent 34%),
        linear-gradient(135deg, rgba(5, 14, 35, 0.82), rgba(2, 8, 24, 0.94));
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.playermap-map-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(80, 145, 210, 0.24);
    background: rgba(255, 255, 255, 0.025);
}

.playermap-card-title {
    display: block;
    color: #f4f7ff;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
}

.playermap-card-subtitle,
.playermap-card-hint {
    color: #92a7c5;
    font-size: 12px;
}

.playermap-map-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 22px 18px 26px;
}

.playermap-map-stage {
    position: relative;
    width: 966px;J40px;
    margin: 0 auto;
    border-radius: 16px;
    min-height: 1240px;
    padding-bottom: 300px;
}

/* Repositionnement de la carte dans le panneau, sans toucher aux calculs JS existants. */

.playermap-map-stage #world,
.playermap-map-stage #outland,
.playermap-map-stage #northrend,
.playermap-map-stage #pointsOldworld,
.playermap-map-stage #pointsOutland,
.playermap-map-stage #pointsNorthrend {
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
}

.playermap-map-stage #wow {
    left: 15px !important;
    top: 0 !important;
    margin-left: 0 !important;
}

.playermap-map-stage #serverstatus {
    top: 97px !important;
}

.playermap-map-stage #info {
    top: 0 !important;
}

.playermap-map-stage #info_bottom {
    left: 0 !important;
    top: 0 !important;
    margin-left: 0 !important;
}

.playermap-map-stage #active_bgs_bar {
    top: 764px !important;
    left: 0 !important;
    width: 100% !important;
    min-height: 380px !important;
    padding-bottom: 40px !important;
}

#timer,
#server_info,
.statustext {
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.95);
}

#tip {
    z-index: 99999 !important;
}

.bg-button {
    border-color: rgba(80, 145, 210, 0.62) !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 174, 255, 0.18), transparent 48%),
        linear-gradient(180deg, rgba(18, 45, 90, 0.96), rgba(5, 15, 38, 0.98)) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.bg-button:hover {
    border-color: rgba(240, 194, 102, 0.85) !important;
    color: #f0c266 !important;
}

.map-button-total {
    border-color: rgba(240, 194, 102, 0.76) !important;
}

.bg-tooltip {
    border-color: rgba(240, 194, 102, 0.46) !important;
    border-radius: 14px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(0, 174, 255, 0.11), transparent 34%),
        linear-gradient(135deg, rgba(5, 14, 35, 0.96), rgba(2, 8, 24, 0.98)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46) !important;
}

@media (max-width: 820px) {
    .playermap-blizzcms-page {
        padding: 18px 10px 34px;
    }

    .playermap-blizzcms-hero {
        display: block;
        padding: 18px;
    }

    .playermap-blizzcms-hero h1 {
        font-size: 26px;
    }

    .playermap-blizzcms-actions {
        justify-content: flex-start;
        margin-top: 14px;
        min-width: 0;
    }

    .playermap-map-scroll {
        padding: 14px 10px 20px;
    }

    .playermap-map-card-header {
        display: block;
    }

    .playermap-card-hint {
        margin-top: 6px;
    }
}