/*
Theme Name: Grace Boutique Resort
Theme URI: https://trangwebvang.com
Description: Theme for Grace Boutique Resort
Author: Henry Duc Manh
Author URI: https://ducmanh.com
Template: flatsome
Version: 1.0.101
*/


/* ====== Grace Maintenance – Flatsome friendly ====== */
  .grace-maintenance{
    --grace-accent:#ffa160;      /* cam theo logo - F28C40 - chữ */
    --grace-accent-2:#FF9E52;    /* cam nhạt hơn - FF9E52 - viền khung */
    --grace-bg:#faf8f6;          /* nền dịu - FFF1E6 nền*/
    --grace-text:#2b2b2b;
    --grace-white:#ffffff;

    background: radial-gradient(70% 120% at 50% 0%, var(--grace-bg) 0%, #fff 40%) ;
    padding: clamp(32px, 5vw, 56px) 16px;
  }
  .grace-maintenance .gm-card{
    max-width: 880px;
    margin: 0 auto;
    background: var(--grace-white);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,.08);
    padding: clamp(28px, 4.6vw, 48px);
    border: 6px solid rgba(242,140,64,.15);
  }
  .grace-maintenance .gm-logo{
    width: clamp(160px, 32vw, 260px);
    display:block;
    margin: 0 auto 18px;
    filter: drop-shadow(0 6px 14px rgba(242,140,64,.25));
  }
  .grace-maintenance h1,
  .grace-maintenance h2{
    text-align:center;
    color: var(--grace-accent);
    letter-spacing:.3px;
    margin: .4em 0 .2em;
    line-height:1.25;
  }
  .grace-maintenance h1{ font-size: clamp(26px, 3.4vw, 36px); }
  .grace-maintenance h2{ font-size: clamp(22px, 2.8vw, 28px); color:#f28c40; }

  .grace-maintenance .gm-lead{
    text-align:center;
    color: var(--grace-text);
    font-size: clamp(16px, 2.2vw, 18px);
    margin: .6em 0 0;
  }
  .grace-maintenance .gm-apology{
    text-align:center;
    color:#666;
    margin:.6em 0 1.4em;
  }
  .grace-maintenance .gm-contact{
    /* background: linear-gradient(135deg, rgba(242,140,64,.12), rgba(255,158,82,.10)); */
    background: var(--grace-bg);
    border-left: 4px solid var(--grace-accent);
    padding: 16px 18px;
    border-radius:12px;
    margin: 16px 0 22px;
  }
  .grace-maintenance .gm-contact h3{
    margin:0 0 6px;
    font-size: clamp(16px, 2.1vw, 18px);
    color: var(--grace-accent);
  }
  .grace-maintenance .gm-contact ul{
    margin:0; padding-left:18px; color:#333; line-height:1.7;
  }
  .grace-maintenance .gm-contact a{
    color: var(--grace-accent);
    text-decoration: underline;
    text-underline-offset:2px;
  }
  .grace-maintenance .gm-sep{
    border:0; height:1px;
    background: linear-gradient(90deg, transparent, rgba(242,140,64,.35), transparent);
    margin: 22px 0;
  }
  /* Flatsome reset safety */
  .grace-maintenance *{ box-sizing:border-box; }

/* ======= follow icon chân trang ====== 
.twv-follow .button.icon { 
  width: 36px; height: 36px; line-height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0;
}
.twv-follow .button.icon.small { width: 36px; height: 36px; line-height: 36px; }
.twv-follow .button.icon.large { width: 44px; height: 44px; line-height: 44px; }
.twv-follow .button.icon i { font-size: 16px; }

*/



/* ==== follow phiên bản twv_follow_topbar ==== */

/* Canh giữa block trong header */
.header-main .header-nav > li.header-block{
  display:flex; align-items:center;
}

/* Bộ icon topbar – class riêng, không bị ảnh hưởng footer */
.header-main .twv-follow-topbar{
  display:inline-flex; align-items:center; gap:6px; margin-right:8px;
}

.header-main .twv-follow-topbar .button.icon{
  width:28px; height:28px; line-height:28px; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
}
.header-main .twv-follow-topbar .button.icon i{ font-size:14px; }

/* Footer giữ cỡ 36px – scope vào footer để không đụng header */
.site-footer .twv-follow .button.icon{
  width:36px; height:36px; line-height:36px; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
}
.site-footer .twv-follow .button.icon i{ font-size:16px; }