/* brenas.fr: the look of the old site (Joomla 3 template "brenasxl" with its Maximenu bar), rebuilt on Cassiopeia.
   Added 2026-11-08. Pages whose menu item carries the page class "randos" keep the Randos look. */

body.site:not(.randos) { background: #d4d4d4; color: #080808; font-family: Verdana, Geneva, sans-serif; font-size: 14px; }

/* Blue menu bar at the top, no site title (the old site had none) */
body.site:not(.randos) .container-header { background: linear-gradient(to bottom, #0272a7 0%, #013953 100%); box-shadow: 0 2px 4px rgba(0,0,0,.35); }
body.site:not(.randos) .container-header .navbar-brand { display: none; }
body.site:not(.randos) .container-header .grid-child { padding-top: .3rem; padding-bottom: .3rem; }
body.site:not(.randos) .container-header .container-nav { padding: 0; }
body.site:not(.randos) .container-header .mod-menu > li > a,
body.site:not(.randos) .container-header .mod-menu > li > button,
body.site:not(.randos) .container-header .mod-menu > li > span { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-shadow: 0 1px 1px rgba(0,0,0,.6); padding: .45rem .9rem; border-radius: 6px; }
body.site:not(.randos) .container-header .mod-menu > li > a:hover { background: rgba(255,255,255,.15); text-decoration: none; }
body.site:not(.randos) .container-header .mod-menu > li.active > a,
body.site:not(.randos) .container-header .mod-menu > li.current > a { background: #f4f4f4; color: #000; text-shadow: none; box-shadow: inset 0 -1px 2px rgba(0,0,0,.25); }

/* Banner photos, full width */
body.site:not(.randos) .container-banner p { margin: 0; }
body.site:not(.randos) .container-banner img { display: block; width: 100%; height: auto; }

/* Page text in a white card with a soft shadow */
body.site:not(.randos) .site-grid { margin-top: 10px; }
body.site:not(.randos) .container-component { background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.45); padding: 1rem 1.25rem; }
body.site:not(.randos) a { color: #000; text-decoration: underline; }
body.site:not(.randos) a:hover, body.site:not(.randos) a:focus { color: #808dd9; text-decoration: none; }
body.site:not(.randos) h1 { color: #2b2b2b; font-size: 26px; }
body.site:not(.randos) h2 { color: #454545; font-size: 23px; }
body.site:not(.randos) h3 { font-size: 18px; }

/* Right column: dark-to-beige box with the login and the flags */
body.site:not(.randos) .container-sidebar-right .card { background: linear-gradient(to bottom, #0a0a01 0%, #d9d6ab 100%); color: #fff; border: 0; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,.45); }
body.site:not(.randos) .container-sidebar-right .card a { color: #fff; }
body.site:not(.randos) .container-sidebar-right .card .btn-primary { background: linear-gradient(to bottom, #696969 0%, #363636 100%); border-color: #363636; }

/* Information boxes at the bottom: orange, rounded, side by side */
body.site:not(.randos) .container-bottom-a .card { background: linear-gradient(to bottom, #ffa245 0%, #ff6a00 100%); color: #000; border: 0; border-radius: 30px; box-shadow: 0 1px 4px rgba(0,0,0,.35); }
body.site:not(.randos) .container-bottom-a .card a { color: #b82800; }
body.site:not(.randos) .container-bottom-a .card a:hover { color: #000; }

/* Footer: small centred line on the grey page */
body.site:not(.randos) .container-footer { background: #d4d4d4; background-image: none; color: #000; }
body.site:not(.randos) .container-footer .grid-child { justify-content: center; padding-top: .75rem; padding-bottom: .75rem; font-size: 13px; }

/* Photos (Phoca Gallery): album cover photo with its name underneath, wrapping, instead of a name laid over a tiny icon */
body.site .pg-categories-items-box { justify-content: flex-start; align-items: stretch; }
body.site .pg-categories-items-box .pg-category-box { width: 202px; background: #f4f4f4; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
body.site .pg-categories-items-box .pg-category-box-image img,
body.site .pg-categories-items-box .pg-category-box-image svg { display: block; width: 200px; height: 150px; object-fit: cover; border-radius: 0; box-shadow: none; }
body.site #phocagallery .pg-categories-items-box .pg-category-box-title,
body.site .pg-categories-items-box .pg-category-box-title { position: static; width: auto; background: transparent; color: #000; font-size: 13px; font-weight: bold; padding: .45em .6em .6em; overflow-wrap: anywhere; word-break: break-word; }
body.site #phocagallery .pg-categories-items-box .pg-category-box-title a,
body.site .pg-categories-items-box .pg-category-box-title a { display: inline; color: #000; }
body.site .pg-categories-items-box .pg-category-box-title > svg { display: none; }
body.site .pg-categories-items-box .pg-category-box-count { color: #666; font-weight: normal; }