/* CartoColl - Theme LizMap */

/* Variables - sans color-contrasted-text pour garder le blanc dans le header */
:root {
  --header-color: #091828;
  --color-background-primary: #F5F0EA;
  --color-background-primary-content: #F5F0EA;
  --color-contrasted-elements: #E8622A;
  --color-contrasted-elements-light: rgba(232,98,42,0.15);
}

/* Base */
body { font-family: 'Barlow', 'Helvetica Neue', sans-serif !important; -webkit-font-smoothing: antialiased; }

/* Header */
#header { background-color: #091828 !important; }
#header, #header a, #header .navbar-nav > li > a { color: rgba(245,240,234,0.85) !important; }
#logo { background: none !important; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpolygon points='30,3 52,15 52,45 30,57 8,45 8,15' fill='%23E8622A'/%3E%3Cline x1='30' y1='3' x2='30' y2='57' stroke='white' stroke-width='1.2' stroke-opacity='0.45'/%3E%3Ccircle cx='30' cy='30' r='5' fill='white' fill-opacity='0.92'/%3E%3C/svg%3E"); width: 60px !important; height: 60px !important; display: block !important; }
#lizmaptitle { font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; color: rgba(245,240,234,0.45) !important; }

/* Menu carte gauche */
#mapmenu { background: #0D2137 !important; }
#mapmenu .nav > li > a { color: rgba(245,240,234,0.5) !important; background: transparent !important; }
#mapmenu .nav > li > a:hover { color: #F5F0EA !important; background: rgba(232,98,42,0.1) !important; }
#mapmenu .nav > li.active > a { background-color: #E8622A !important; color: #fff !important; border-left: 3px solid #fff !important; }

/* Admin menu gauche - specifique et lisible */
body ul.nav.nav-list > li > a { color: #0D2137 !important; background-color: transparent !important; }
body ul.nav.nav-list > li > a:hover { color: #E8622A !important; background-color: rgba(232,98,42,0.08) !important; }
body ul.nav.nav-list > li.active > a { color: #fff !important; background-color: #E8622A !important; }
body ul.nav.nav-list .nav-header { color: #7A8FA3 !important; }

/* Boutons */
button.btn, a.btn, input.btn, label.btn { font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; border-radius: 0 !important; }

/* Logo footer */
img[src*="logo_footer"] { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='111' height='35' viewBox='0 0 111 35'%3E%3Cpolygon points='17,2 28,8.5 28,21.5 17,28 6,21.5 6,8.5' fill='%23E8622A'/%3E%3Cline x1='17' y1='2' x2='17' y2='28' stroke='white' stroke-width='0.8' stroke-opacity='0.5'/%3E%3Cline x1='6' y1='8.5' x2='28' y2='21.5' stroke='white' stroke-width='0.8' stroke-opacity='0.5'/%3E%3Cline x1='28' y1='8.5' x2='6' y2='21.5' stroke='white' stroke-width='0.8' stroke-opacity='0.5'/%3E%3Ccircle cx='17' cy='15' r='2.5' fill='white' fill-opacity='0.9'/%3E%3Ctext x='36' y='18' font-family='sans-serif' font-size='13' font-weight='bold' fill='%23F5F0EA'%3Ecarto%3C/text%3E%3Ctext x='74' y='18' font-family='sans-serif' font-size='13' font-weight='bold' fill='%23E8622A'%3Ecoll%3C/text%3E%3C/svg%3E"); width: 111px !important; height: 35px !important; }

/* Scrollbars et selection */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: #EDE8E0; }
::-webkit-scrollbar-thumb { background: #D8D1C5; }
::selection { background: #E8622A; color: #fff; }