/* ==========================================================
   A-Elita Club global interior-page design
   Matches the restored 2019-inspired homepage.
   ========================================================== */

:root{
  --ag-red:#f22d2f;
  --ag-dark:#303030;
  --ag-charcoal:#3c3c3c;
  --ag-muted:#6c6c6c;
  --ag-soft:#f6f6f4;
  --ag-border:#e6e6e3;
  --ag-white:#ffffff;
}

/* Base */
body.aelita-global-pages{
  margin:0;
  background:#fff;
  color:var(--ag-charcoal);
}

body.aelita-global-pages *,
body.aelita-global-pages *::before,
body.aelita-global-pages *::after{
  box-sizing:border-box;
}

body.aelita-global-pages a{
  color:var(--ag-red);
}

body.aelita-global-pages img{
  max-width:100%;
  height:auto;
}

/* Header */
.ag-header{
  position:relative;
  z-index:999;
  width:100%;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.ag-header-inner{
  width:min(1360px,calc(100% - 48px));
  min-height:112px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}

.ag-logo{
  color:#333!important;
  text-decoration:none!important;
  white-space:nowrap;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:clamp(31px,3vw,48px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
}

.ag-logo span{
  color:var(--ag-red);
}

.ag-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
  flex-wrap:wrap;
}

.ag-nav a{
  color:#444!important;
  text-decoration:none!important;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:15px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
  transition:color .2s ease;
}

.ag-nav a:hover,
.ag-nav a:focus{
  color:var(--ag-red)!important;
}

.ag-menu-toggle{
  display:none;
  width:54px;
  height:48px;
  padding:5px;
  border:0;
  background:transparent;
  cursor:pointer;
}

.ag-menu-toggle span{
  display:block;
  width:100%;
  height:5px;
  margin:6px 0;
  background:#333;
}

/* Give regular pages a more consistent shell */
body.aelita-global-pages main,
body.aelita-global-pages .site-main,
body.aelita-global-pages #primary{
  color:var(--ag-charcoal);
}

/* Common content widths */
body.aelita-global-pages .content-area,
body.aelita-global-pages .site-content,
body.aelita-global-pages .entry-content,
body.aelita-global-pages .page-content{
  color:var(--ag-charcoal);
}

/* Titles */
body.aelita-global-pages h1,
body.aelita-global-pages h2,
body.aelita-global-pages h3,
body.aelita-global-pages h4{
  color:#383838;
  font-family:"Arial Narrow",Arial,sans-serif;
}

body.aelita-global-pages h1{
  font-size:clamp(42px,5vw,68px);
  line-height:1.04;
  font-weight:800;
}

body.aelita-global-pages h2{
  font-size:clamp(32px,3.5vw,48px);
  line-height:1.08;
}

body.aelita-global-pages h3{
  font-size:clamp(24px,2.2vw,32px);
}

/* Paragraphs */
body.aelita-global-pages p,
body.aelita-global-pages li{
  line-height:1.7;
}

/* Standard WordPress article/page wrappers */
body.aelita-global-pages article,
body.aelita-global-pages .page,
body.aelita-global-pages .post{
  color:var(--ag-charcoal);
}

/* Links and buttons */
body.aelita-global-pages .button,
body.aelita-global-pages button:not(.ag-menu-toggle),
body.aelita-global-pages input[type="submit"],
body.aelita-global-pages .wp-element-button,
body.aelita-global-pages .wp-block-button__link{
  border-radius:0!important;
  border:0;
  background:var(--ag-red)!important;
  color:#fff!important;
  font-family:Arial,sans-serif;
  font-weight:800;
  letter-spacing:.03em;
  text-decoration:none!important;
}

body.aelita-global-pages .button:hover,
body.aelita-global-pages button:not(.ag-menu-toggle):hover,
body.aelita-global-pages input[type="submit"]:hover,
body.aelita-global-pages .wp-element-button:hover,
body.aelita-global-pages .wp-block-button__link:hover{
  background:#d92327!important;
}

/* Cards / archives */
body.aelita-global-pages .entry,
body.aelita-global-pages .archive-item,
body.aelita-global-pages .story-card,
body.aelita-global-pages .event-card,
body.aelita-global-pages .gallery-card{
  border-color:var(--ag-border)!important;
}

/* Featured labels / metadata */
body.aelita-global-pages .entry-meta,
body.aelita-global-pages .post-meta,
body.aelita-global-pages .meta,
body.aelita-global-pages time{
  color:#888;
}

/* Forms */
body.aelita-global-pages input[type="text"],
body.aelita-global-pages input[type="email"],
body.aelita-global-pages input[type="tel"],
body.aelita-global-pages input[type="url"],
body.aelita-global-pages textarea,
body.aelita-global-pages select{
  border:1px solid #d8d8d5;
  background:#fff;
  color:#333;
}

/* Tables */
body.aelita-global-pages table{
  border-collapse:collapse;
}

body.aelita-global-pages th{
  background:var(--ag-dark);
  color:#fff;
}

body.aelita-global-pages th,
body.aelita-global-pages td{
  border:1px solid var(--ag-border);
  padding:12px 14px;
}

/* Blockquotes */
body.aelita-global-pages blockquote{
  margin-left:0;
  padding:18px 24px;
  border-left:5px solid var(--ag-red);
  background:var(--ag-soft);
}

/* Footer tone, without replacing existing footer markup */
body.aelita-global-pages footer,
body.aelita-global-pages .site-footer{
  background:#202020!important;
  color:#bbb!important;
}

body.aelita-global-pages footer a,
body.aelita-global-pages .site-footer a{
  color:#fff!important;
}

body.aelita-global-pages footer a:hover,
body.aelita-global-pages .site-footer a:hover{
  color:var(--ag-red)!important;
}

/* Hide any duplicate old header/navigation if a theme wrapper outputs one
   inside the page content after our new global header. */
body.aelita-global-pages .site-header:not(.ag-header),
body.aelita-global-pages header.site-header:not(.ag-header){
  display:none!important;
}

/* WordPress admin bar */
body.admin-bar .ag-header{
  top:0;
}

/* Tablet / mobile */
@media(max-width:980px){
  .ag-header-inner{
    min-height:92px;
  }

  .ag-menu-toggle{
    display:block;
  }

  .ag-nav{
    position:absolute;
    top:92px;
    left:0;
    right:0;
    display:none;
    padding:0;
    background:rgba(36,36,36,.98);
    box-shadow:0 12px 22px rgba(0,0,0,.18);
  }

  .ag-nav.is-open{
    display:block;
  }

  .ag-nav a{
    display:block;
    padding:19px 24px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#fff!important;
    font-size:20px;
  }

  .ag-nav a:hover,
  .ag-nav a:focus{
    color:#fff!important;
    background:rgba(242,45,47,.96);
  }
}

@media(max-width:640px){
  .ag-header-inner{
    width:calc(100% - 30px);
    min-height:86px;
  }

  .ag-logo{
    font-size:30px;
  }

  .ag-nav{
    top:86px;
  }

  body.aelita-global-pages h1{
    font-size:40px;
  }

  body.aelita-global-pages h2{
    font-size:32px;
  }
}

/* Keep the special restored homepage independent */
body.aelita-2019-restored .ag-header{
  display:none!important;
}
/* AELITA_HISTORY_GALLERY_CSS_V2 */
.aelita-history-gallery{
  width:min(1180px,calc(100% - 40px));
  margin:40px auto 70px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.aelita-history-item{
  margin:0;
  background:#fff;
  border:1px solid #ececea;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
}
.aelita-history-item a{display:block;overflow:hidden;background:#222}
.aelita-history-item img{
  display:block;width:100%;height:300px;object-fit:cover;
  transition:transform .35s ease;
}
.aelita-history-item:hover img{transform:scale(1.03)}
.aelita-history-item figcaption{
  padding:14px 16px 16px;color:#3c3c3c;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:17px;font-weight:700;
}
@media(max-width:900px){
  .aelita-history-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .aelita-history-gallery{grid-template-columns:1fr}
  .aelita-history-item img{height:auto}
}
