/* ===== FOOTER ===== */

footer {
  background: linear-gradient(90deg,#1A0604,#3B0000,#5C0000,#1A0604);
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 60px 40px 30px;
  position: relative;
  overflow: hidden;

  /* FONT FIX */
  font-family: 'EB Garamond', serif;
}

/* FOOTER GRID */

.footer-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  gap: 48px;
  margin-bottom: 48px;
}

/* ================= LOGO AREA ================= */

.footer-brand-logo{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}

/* FOOTER LOGO IMAGE */

.footer-logo-img{
  width:60px;
  height:60px;
  object-fit:cover;
  border-radius:50%;
  padding:4px;
  background:none;
  transition:all 0.4s ease;
}

.footer-logo-img:hover{
  transform:scale(1.05);
  box-shadow:0 0 18px rgba(212,160,23,0.35);
}

/* FOOTER LOGO TEXT */

.footer-logo-text{
  color:#ffffff;
  font-weight:700;
  line-height:1.3;
  font-size:17px;
  font-family:'Cinzel', serif !important;
  letter-spacing:0.5px;
}

.footer-logo-text span{
  display:block;
  font-size:12px;
  letter-spacing:2px;
  color:#D4A017;
  margin-top:2px;
}

/* ================= BRAND TEXT ================= */

.footer-brand-text {
  font-size: 14px;
  color: white;
  line-height: 1.8;
  margin-top: 18px;
  margin-bottom: 24px;
  max-width: 320px;
}

/* ================= SOCIAL ICONS ================= */

.footer-social{
  display:flex;
  gap:12px;
  margin-top:18px;
}

.f-social{
  width:38px;
  height:38px;
  border:1px solid rgba(201,168,76,0.35);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:rgba(255,255,255,0.03);
  transition:all 0.3s ease;
}

/* ICON FIX */

.f-social i{
  font-size:16px;
  color:white !important;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
}

/* HOVER */

.f-social:hover{
  border-color:#D4A017;
  background:#D4A017;
  transform:translateY(-3px);
  box-shadow:0 6px 18px rgba(201,168,76,0.25);
}

.f-social:hover i{
  color:#1A0604 !important;
}

/* ================= COLUMN TITLES ================= */

.footer-col-title {
  font-family:'Cinzel', serif !important;
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#d4a017;
  margin-bottom:22px;
  position:relative;
}

.footer-col-title::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-8px;
  width:38px;
  height:2px;
  background:#D4A017;
  border-radius:20px;
}

/* ================= LINKS ================= */

.footer-links {
  list-style:none;
}

.footer-links li {
  margin-bottom:12px;
}

.footer-links a {
  font-size:14px;
  color:white;
  text-decoration:none;
  transition:all 0.3s ease;
}

.footer-links a::before {
  content:'› ';
  color:#d4a017;
}

.footer-links a:hover {
  color:#D4A017;
  padding-left:4px;
}

/* ================= CONTACT ================= */

.footer-contact-item {
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:14px;
  color:white;
  margin-bottom:14px;
  line-height:1.6;
}

.footer-contact-icon {
  color:#D4A017;
  flex-shrink:0;
  margin-top:2px;
  font-size:15px;
}

/* ================= HOURS ================= */

.footer-hours-row {
  display:flex;
  justify-content:space-between;
  font-size:13px;
  color:white;
  margin-bottom:10px;
  border-bottom:1px dashed rgba(255,255,255,0.08);
  padding-bottom:6px;
}

.footer-hours-row span:last-child {
  color:white;
  font-weight:1000;
}

/* ================= BOTTOM ================= */

.footer-bottom {
  max-width:1200px;
  margin:0 auto;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.08);

  display:flex;
  justify-content:space-between;
  align-items:center;

  font-size:12px;
  color:#d6c3a0;

  gap:20px;
}

.footer-bottom a {
  color:#D4A017;
  text-decoration:none;
}

/* ========================================= */
/* PREMIUM FOOTER RESPONSIVE */
/* ========================================= */

/* TABLET */

@media screen and (max-width:1024px){

    footer{

        padding:70px 30px 35px;
    }

    .footer-grid{

        grid-template-columns:1fr 1fr;

        gap:45px;
    }

    .footer-brand-text{

        max-width:100%;

        font-size:15px;

        line-height:1.9;
    }

    .footer-col-title{

        font-size:14px;
    }

    .footer-links a{

        font-size:14px;
    }

    .footer-contact-item{

        font-size:14px;
    }

    .footer-hours-row{

        font-size:14px;
    }

    .footer-bottom{

        flex-direction:column;

        text-align:center;

        gap:12px;

        font-size:12px;
    }

}

/* MOBILE */

@media screen and (max-width:768px){

    footer{

        padding:65px 22px 30px;

        text-align:center;
    }

    /* GRID */

    .footer-grid{

        grid-template-columns:1fr;

        gap:42px;
    }

    /* LOGO SECTION */

    .footer-brand-logo{

        flex-direction:column;

        justify-content:center;

        align-items:center;

        gap:12px;
    }

    .footer-logo-img{

        width:78px;
        height:78px;
    }

    .footer-logo-text{

        font-size:20px;

        line-height:1.4;
    }

    .footer-logo-text span{

        font-size:11px;

        letter-spacing:1.5px;
    }

    /* BRAND TEXT */

    .footer-brand-text{

        max-width:100%;

        font-size:15px;

        line-height:1.9;

        margin-top:20px;

        margin-bottom:26px;

        color:#f3e7db;
    }

    /* SOCIAL */

    .footer-social{

        justify-content:center;

        gap:16px;
    }

    .f-social{

        width:46px;
        height:46px;

        border-radius:50%;
    }

    .f-social i{

        font-size:18px;
    }

    /* COLUMN TITLES */

    .footer-col-title{

        font-size:15px;

        margin-bottom:24px;

        text-align:center;
    }

    .footer-col-title::after{

        left:50%;

        transform:translateX(-50%);

        width:50px;
    }

    /* LINKS */

    .footer-links{

        text-align:center;
    }

    .footer-links li{

        margin-bottom:16px;
    }

    .footer-links a{

        font-size:15px;

        line-height:1.8;
    }

    /* CONTACT */

    .footer-contact-item{

        justify-content:center;

        text-align:center;

        font-size:15px;

        line-height:1.8;
    }

    /* HOURS */

    .footer-hours-row{

        font-size:15px;

        padding-bottom:10px;
    }

    /* FOOTER BOTTOM */

    .footer-bottom{

        flex-direction:column;

        text-align:center;

        gap:12px;

        font-size:12px;

        line-height:1.8;

        margin-top:10px;
    }

    /* ADMIN BUTTON */

    .office-admin-btn{

        width:34px;
        height:34px;

        font-size:12px;

        bottom:10px;
        left:10px;
    }

}
.office-admin-btn{

    position: fixed;

    bottom: 12px;
    left: 12px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: rgba(0,0,0,0.08);

    color: rgba(255,255,255,0.15);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 13px;

    text-decoration: none;

    z-index: 9999;

    transition: 0.3s ease;
}

/* ONLY ON HOVER */

.office-admin-btn:hover{

    background: #7A0000;

    color: #D4A017;

    transform: scale(1.08);
}