/*
Theme Name: Andrale Today Child
Theme URI: https://andraletoday.com/
Description: Child theme for Hello Elementor with a custom global Single Post layout for Andrale Today.
Author: NEXYS
Author URI: https://nexysht.com/
Template: hello-elementor
Version: 1.2.0
Text Domain: andrale-hello-child
*/

:root{
  --at-dark:#0D1F25;
  --at-gold:#C6A45E;
  --at-cream:#F8F6F1;
  --at-white:#FFFFFF;
  --at-text:#2D3438;
  --at-muted:#7A8286;
  --at-border:#E5E0D7;
}

.at-single{
  background:var(--at-cream)!important;
  color:var(--at-text)!important;
  padding:58px 20px 76px!important;
  font-family:"Inter",Arial,sans-serif!important;
}

.at-single *{box-sizing:border-box}

.at-single__inner{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

/* IMAGE FIRST */
.at-single__featured{
  width:100%;
  max-width:1040px;
  margin:0 auto 34px!important;
  overflow:hidden;
  background:#ECE9E2;
}

.at-single__featured img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:620px;
  object-fit:cover;
}

/* TITLE AFTER IMAGE */
.at-single__header{
  max-width:840px;
  margin:0 auto 32px!important;
  text-align:center;
}

.at-single__title,
.at-single__title a{
  margin:0!important;
  color:var(--at-dark)!important;
  font-family:"Lora",Georgia,serif!important;
  font-size:clamp(27px,3vw,40px)!important;
  font-weight:500!important;
  line-height:1.22!important;
  letter-spacing:-.012em!important;
  text-decoration:none!important;
}

/* CONTENT */
.at-single__content{
  max-width:820px;
  margin:0 auto;
  color:var(--at-text)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.82!important;
}

.at-single__content p,
.at-single__content li,
.at-single__content span,
.at-single__content div{
  color:var(--at-text)!important;
}

.at-single__content p{
  margin:0 0 21px!important;
}

.at-single__content h2,
.at-single__content h3,
.at-single__content h4{
  color:var(--at-dark)!important;
  font-family:"Lora",Georgia,serif!important;
  font-weight:600!important;
}

.at-single__content h2{
  margin:40px 0 15px!important;
  font-size:26px!important;
  line-height:1.32!important;
}

.at-single__content h3{
  margin:31px 0 13px!important;
  font-size:21px!important;
  line-height:1.35!important;
}

.at-single__content h4{
  margin:25px 0 11px!important;
  font-size:18px!important;
}

.at-single__content a{
  color:var(--at-gold)!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}

.at-single__content blockquote{
  margin:31px 0!important;
  padding:18px 25px!important;
  border-left:3px solid var(--at-gold)!important;
  color:var(--at-dark)!important;
  font-family:"Lora",Georgia,serif!important;
  font-size:18px!important;
  line-height:1.65!important;
}

.at-single__content img{
  max-width:100%!important;
  height:auto!important;
}

.at-single__content figure{
  max-width:100%;
  margin:30px auto;
}

.at-single__content ul,
.at-single__content ol{
  margin:20px 0 25px!important;
  padding-left:24px!important;
}

/* CATEGORY + DATE BELOW CONTENT */
.at-single__meta-bottom{
  max-width:820px;
  margin:34px auto 0!important;
  padding-top:18px!important;
  border-top:1px solid var(--at-border)!important;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  font-family:"Inter",Arial,sans-serif!important;
}

.at-single__category{
  color:var(--at-gold)!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}

.at-single__meta-sep{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#B5B5B5!important;
}

.at-single__date{
  color:var(--at-muted)!important;
  font-size:9px!important;
  font-weight:500!important;
}

/* AUTHOR */
.at-single__author{
  max-width:820px;
  margin:17px auto 0!important;
}

.at-single__author-name{
  margin:0!important;
  color:var(--at-gold)!important;
  font-family:"Lora",Georgia,serif!important;
  font-size:15px!important;
  font-weight:600!important;
}

/* SHARE */
.at-share{
  max-width:820px;
  margin:28px auto 0!important;
  padding:19px 0!important;
  border-top:1px solid var(--at-border)!important;
  border-bottom:1px solid var(--at-border)!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  flex-wrap:wrap;
}

.at-share__label{
  color:var(--at-dark)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.9px!important;
  text-transform:uppercase!important;
}

.at-share__links{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.at-share__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:31px!important;
  padding:7px 12px!important;
  border:1px solid var(--at-gold)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--at-dark)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.4px!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
}

.at-share__link:hover{
  background:var(--at-gold)!important;
  color:var(--at-white)!important;
}

/* POST NAVIGATION */
.at-post-nav{
  max-width:820px;
  margin:31px auto 0!important;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.at-post-nav__item--next{text-align:right}

.at-post-nav a{
  color:var(--at-dark)!important;
  text-decoration:none!important;
}

.at-post-nav__eyebrow{
  display:block;
  margin-bottom:6px;
  color:var(--at-gold)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.8px!important;
  text-transform:uppercase!important;
}

.at-post-nav__title{
  display:block;
  color:var(--at-dark)!important;
  font-family:"Lora",Georgia,serif!important;
  font-size:14px!important;
  line-height:1.4!important;
}

/* RELATED ARTICLES */
.at-related{
  max-width:1180px;
  margin:56px auto 0!important;
  padding-top:38px!important;
  border-top:1px solid var(--at-border)!important;
}

.at-related__head{
  max-width:700px;
  margin:0 auto 25px!important;
  text-align:center;
}

.at-related__eyebrow{
  display:block;
  margin-bottom:6px;
  color:var(--at-gold)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:1.1px!important;
  text-transform:uppercase!important;
}

.at-related__title{
  margin:0!important;
  color:var(--at-dark)!important;
  font-family:"Lora",Georgia,serif!important;
  font-size:27px!important;
  line-height:1.2!important;
  font-weight:600!important;
}

.at-related__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.at-related__card{
  background:var(--at-white)!important;
  border:1px solid var(--at-border)!important;
  overflow:hidden;
}

.at-related__image{
  display:block;
  width:100%;
  height:205px;
  overflow:hidden;
  background:#ECE9E2;
}

.at-related__image img{
  width:100%!important;
  height:100%!important;
  display:block;
  object-fit:cover!important;
}

.at-related__body{padding:15px 16px 18px!important}

.at-related__date{
  display:block;
  margin-bottom:7px;
  color:var(--at-gold)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:8px!important;
  letter-spacing:.5px!important;
  text-transform:uppercase!important;
}

.at-related__post-title{
  margin:0!important;
  font-family:"Lora",Georgia,serif!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:500!important;
}

.at-related__post-title a{
  color:var(--at-dark)!important;
  text-decoration:none!important;
}

.at-related__post-title a:hover{color:var(--at-gold)!important}

/* Remove any native comments block accidentally printed by parent/plugin */
.at-single + .comments-area,
.comments-area{
  display:none!important;
}

@media(max-width:900px){
  .at-related__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .at-single{
    padding:42px 15px 54px!important;
  }

  .at-single__featured{
    margin-bottom:26px!important;
  }

  .at-single__title,
  .at-single__title a{
    font-size:27px!important;
    line-height:1.24!important;
  }

  .at-single__content{
    font-size:15px!important;
    line-height:1.76!important;
  }

  .at-single__content h2{
    font-size:22px!important;
  }

  .at-single__content h3{
    font-size:19px!important;
  }

  .at-post-nav{
    grid-template-columns:1fr;
  }

  .at-post-nav__item--next{text-align:left}

  .at-related__grid{
    grid-template-columns:1fr;
  }

  .at-related__image{
    height:220px;
  }
}