/*
Theme Name:  Audico
Theme URI:   https://audicogroup.com
Description: Child theme of Raft for audicogroup.com. Design lives in this repo — edit here, not in the Site Editor.
Author:      Audico Group
Template:    raft
Version:     0.1.0
Requires at least: 6.4
Requires PHP: 8.0
License:     GNU General Public License v2 or later
Text Domain: audico
*/

/* Site-specific overrides go below. Keep structural design in theme.json and templates/. */

/* ---- Header ---- */
.audico-header { position: relative; }
.audico-header::before { content: ""; display: block; height: 3px; background: var(--wp--preset--color--raft-accent-secondary); }
.audico-topbar a { color: inherit; text-decoration: none; opacity: .9; }
.audico-topbar a:hover { opacity: 1; text-decoration: underline; }
.audico-logo { margin: 0; }
.audico-logo img { display: block; height: auto; }
.audico-mainbar .wp-block-navigation a { color: var(--wp--preset--color--raft-fg); }
.audico-mainbar .wp-block-navigation a:hover { color: var(--wp--preset--color--raft-accent); }
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container { border: 1px solid var(--wp--preset--color--audico-line) !important; box-shadow: 0 8px 24px rgba(20, 24, 70, .10); }

/* ---- Typography helpers ---- */
.audico-kicker { font-family: var(--wp--preset--font-family--sans); font-size: .8125rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: .75rem; }
.audico-eyebrow { font-family: var(--wp--preset--font-family--sans); font-size: .9375rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.audico-fact { font-size: .9375rem; color: var(--wp--preset--color--audico-slate); margin: 0; }
.audico-fact strong { display: block; color: var(--wp--preset--color--raft-bg-inv); font-family: var(--wp--preset--font-family--serif); font-size: 1.125rem; font-weight: 600; }

/* ---- Cards ---- */
.audico-card { background: var(--wp--preset--color--raft-bg); transition: border-color .15s ease, box-shadow .15s ease; height: 100%; }
.audico-card:hover { border-color: var(--wp--preset--color--raft-accent) !important; box-shadow: 0 10px 30px rgba(20, 24, 70, .08); }
.audico-card h3 { margin-top: 0; }
.audico-card h3 a { text-decoration: none; color: var(--wp--preset--color--raft-bg-inv); }
.audico-card h3 a::after { content: " →"; color: var(--wp--preset--color--raft-accent-secondary); }
.audico-card p { margin-bottom: 0; }
.audico-cards .wp-block-column { display: flex; }

/* ---- Values ---- */
.audico-value h3 { margin-top: 0; margin-bottom: .35rem; font-size: 1.25rem; }
.audico-value p { margin: 0; }

/* ---- Footer ---- */
.audico-footer a { color: #FFFFFF; text-decoration: none; }
.audico-footer a:hover { text-decoration: underline; color: #FFFFFF; }
.audico-footer-links { list-style: none; padding-left: 0; margin: 0; }
.audico-footer-links li { margin-bottom: .5rem; }
.audico-footer h4 { margin-top: 0; margin-bottom: 1rem; }
.audico-footer-logo { margin: 0 0 1rem; }

/* ---- Content ---- */
.entry-content > *:first-child { margin-top: 0; }
.audico-titleband h1 { margin: 0; }

/* ---- Small screens ---- */
@media (max-width: 781px) {
  .audico-topbar .wp-block-group > p:first-child { display: none; }   /* keep only the contact link */
  .audico-logo img { width: 64px !important; }
  .audico-strip .wp-block-group { gap: 1.25rem; }
}

/* ---- Mobile overlay menu ---- */
.wp-block-navigation__responsive-container.is-menu-open { padding: 4.5rem 1.5rem 2.5rem !important; overflow-y: auto; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start; text-align: left; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: .9rem; }
.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label { color: #FFFFFF !important; text-decoration: none; font-size: 1.05rem; white-space: normal; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--serif); font-size: 1.35rem; font-weight: 600; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; box-shadow: none; padding: .5rem 0 .5rem 1rem !important; margin-top: .5rem; border-left: 2px solid rgba(255,255,255,.25) !important; gap: .6rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a { font-family: var(--wp--preset--font-family--sans); font-size: .95rem; font-weight: 500; opacity: .92; }
.wp-block-navigation__responsive-container-close { color: #FFFFFF; }

/* ---- Neutralise Raft's page-level outer padding (sections manage their own) ---- */
.wp-site-blocks { padding: 0 !important; }
.wp-block-navigation__responsive-container.is-menu-open { --navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; --navigation-layout-align: flex-start; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { align-items: flex-start !important; text-align: left; width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { justify-content: flex-start; }

/* ---- Photography ---- */
.audico-hero-img img,
.audico-about-img img,
.audico-formations-img img { display: block; width: 100%; height: auto; object-fit: cover; }
.audico-hero-img img { aspect-ratio: 4 / 3; box-shadow: 0 18px 50px rgba(0, 0, 0, .28); }
.audico-about-img img { aspect-ratio: 16 / 10; }
.audico-formations-img img { aspect-ratio: 3 / 2; box-shadow: 0 18px 50px rgba(0, 0, 0, .28); }
.audico-hero-img, .audico-about-img, .audico-formations-img { margin-bottom: 0; }
.audico-featured { margin-top: 0; margin-bottom: 0; }
.audico-featured img { display: block; width: 100%; height: auto; max-height: 360px; object-fit: cover; }

/* ---- Footer locations ---- */
.audico-footer-locations { list-style: none; padding-left: 0; margin: 0; }
.audico-footer-locations li { margin-bottom: .5rem; position: relative; padding-left: 1rem; }
.audico-footer-locations li::before { content: "·"; position: absolute; left: 0; color: var(--wp--preset--color--raft-accent-secondary); font-weight: 700; }

@media (max-width: 781px) {
  .audico-hero-cols { gap: 2rem; }
  .audico-hero-img img { aspect-ratio: 16 / 10; }
  .audico-featured img { max-height: 240px; }
}