/*
Theme Name: CGM Portal Theme
Theme URI: https://cgmetaux.com/
Author: CGM
Description: Theme personnalise CGM pour le portail client en libre-service.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: cgm-portal
*/

:root {
    --cgm-blue: #009de2;
    --cgm-magenta: #a02484;
}

html,
body {
    height: 100%;
}

body {
    font-family: "Manrope", "Segoe UI", sans-serif;
    background-color: #f6f9fc;
    background-image:
        radial-gradient(circle at 0% -10%, rgba(0, 157, 226, 0.1), transparent 36%),
        radial-gradient(circle at 100% -10%, rgba(160, 36, 132, 0.08), transparent 32%);
    background-repeat: no-repeat, no-repeat;
    background-size: 1400px 520px, 1400px 520px;
    background-position: top left, top right;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.cgm-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.cgm-brand__logo {
    max-height: 44px;
    width: auto;
    display: block;
}

.cgm-brand__mark {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(145deg, var(--cgm-blue), var(--cgm-magenta));
}

.cgm-brand__name {
    letter-spacing: 0.01em;
}

.cgm-topbar-shell {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 1rem;
    box-shadow: 0 0.6rem 1.4rem -1rem rgba(15, 35, 60, 0.55);
}

.btn-cgm {
    --bs-btn-color: #fff;
    --bs-btn-border-color: transparent;
    --bs-btn-bg: var(--cgm-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-hover-bg: #0089c6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-bg: #007eb6;
}

body:not(.logged-in) .cgm-main > .container-xl {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cgm-main {
    flex: 1 0 auto;
}

@media (max-width: 991.98px) {
    .cgm-topbar-shell {
        border-radius: 0.85rem;
    }

    body:not(.logged-in) .cgm-main > .container-xl {
        min-height: auto;
        display: block;
    }
}