/* =========================================================
   TRANG CHỦ — "Khoảnh Khắc Của Chúng Ta"
   Tông tím đậm, sang trọng, ấm cúng.
   File này auto-enqueue qua custom-loader (đặt trong custom/).
   ---------------------------------------------------------
   BIẾN MÀU DÙNG CHUNG
   ========================================================= */
:root{
  --kk-tim-dam:   #3a2456;   /* nền tím đậm nhất */
  --kk-tim:       #4b2e73;   /* nền tím chính */
  --kk-tim-nhat:  #6d4a9e;   /* tím nhạt / hover */
  --kk-lavender:  #b9a3e3;   /* nhấn lavender */
  --kk-trang:     #ffffff;
  --kk-trang-mo:  rgba(255,255,255,.72);
  --kk-vien-mo:   rgba(255,255,255,.14);
}

/* Font viết tay cho logo & tiêu đề trang trí.
   (Google Font 'Dancing Script' — enqueue trong file .php) */

/* =========================================================
   KHỐI 1 — HEADER
   Header trong suốt đè lên hero tím, chữ trắng.
   ========================================================= */

/* Header nằm trên NỀN TRẮNG → chữ menu màu tím đậm cho dễ đọc.
   (Không ép header trong suốt nữa.) */

/* --- LOGO chữ viết tay (chỉ áp dụng nếu dùng logo dạng chữ) --- */
#logo a,
#logo.logo-text a{
  font-family: 'Dancing Script', cursive !important;
  font-size: 30px;
  font-weight: 700;
  color: var(--kk-tim) !important;
  line-height: 1.05;
}
#logo a small{
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--kk-tim-nhat) !important;
  letter-spacing: .5px;
}

/* --- MENU chính (tím đậm) --- */
#header .nav > li > a{
  color: var(--kk-tim) !important;
  font-weight: 500;
  font-size: 15px;
  text-transform: none;
  letter-spacing: .2px;
}
#header .nav > li > a:hover,
#header .nav > li.active > a,
#header .nav > li.current-menu-item > a{
  color: var(--kk-tim-nhat) !important;
}
/* (Đã bỏ gạch chân ::after tự thêm — dùng gạch chân mặc định của Flatsome
   để tránh bị TRÙNG 2 đường. Muốn đổi màu gạch mặc định thì chỉnh
   biến màu link active trong Theme Options / dùng rule bên dưới.) */
#header .nav > li.active > a::before,
#header .nav > li.current-menu-item > a::before{
  background-color: var(--kk-tim-nhat) !important;   /* màu gạch mặc định của Flatsome */
}

/* --- Nút "Viết nhật ký" dạng pill lavender --- */
#header .nav .button,
#header a.button.viet-nhat-ky{
  background: linear-gradient(135deg,#7b57b8,#9d7fd6) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:0 22px !important;
  box-shadow:0 6px 18px rgba(123,87,184,.45);
  font-weight:600;
}
#header .nav .button:hover,
#header a.button.viet-nhat-ky:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

/* --- Icon tìm kiếm --- */
#header .icon-search,
#header .header-search-form .searchform i{
  color: var(--kk-tim) !important;
}
#header .icon-search:hover{ color: var(--kk-tim-nhat) !important; }

/* =========================================================
   KHỐI 2 — HERO
   ========================================================= */
.kk-hero{
  position:relative;
  background:
    radial-gradient(1200px 600px at 78% 22%, rgba(157,127,214,.35), transparent 60%),
    linear-gradient(160deg,#4b2e73 0%,#3a2456 55%,#2f1c48 100%);
  color:var(--kk-trang);
  padding:120px 24px 96px;   /* chừa chỗ cho header trong suốt phía trên */
  overflow:hidden;
}
.kk-hero__inner{
  max-width:1160px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}

/* --- Cột chữ --- */
.kk-hero__title{
  font-family:'Quicksand', var(--kk-hero-font, sans-serif);
  font-size:clamp(38px,4.4vw,62px);
  line-height:1.12;
  font-weight:700;
  color:#fff;
  margin:0 0 22px;
  letter-spacing:.2px;
}
.kk-hero__heart{
  display:inline-block;
  width:34px;height:30px;
  vertical-align:baseline;
  background:no-repeat center/contain;
  /* trái tim nét mảnh vẽ tay */
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='1.6' d='M12 21s-7-4.6-9.3-8.2C1 9.9 2.4 6.5 5.6 6.1c2-.2 3.4 1 4.4 2.3 1-1.3 2.4-2.5 4.4-2.3 3.2.4 4.6 3.8 2.9 6.7C19 16.4 12 21 12 21Z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='1.6' d='M12 21s-7-4.6-9.3-8.2C1 9.9 2.4 6.5 5.6 6.1c2-.2 3.4 1 4.4 2.3 1-1.3 2.4-2.5 4.4-2.3 3.2.4 4.6 3.8 2.9 6.7C19 16.4 12 21 12 21Z'/%3E%3C/svg%3E") no-repeat center/contain;
  background-color:var(--kk-lavender);
}
.kk-hero__sub{
  font-size:17px;
  line-height:1.7;
  color:var(--kk-trang-mo);
  max-width:440px;
  margin:0 0 30px;
}
.kk-hero__btn{
  display:inline-block;
  background:linear-gradient(135deg,#7b57b8,#9d7fd6);
  color:#fff !important;
  padding:15px 34px;
  border-radius:999px;
  font-weight:600;
  font-size:16px;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(123,87,184,.45);
  transition:transform .2s ease,filter .2s ease;
}
.kk-hero__btn:hover{ transform:translateY(-2px); filter:brightness(1.08); }

/* --- Cột ảnh polaroid --- */
.kk-hero__photos{
  position:relative;
  min-height:420px;
}
.kk-polaroid{
  position:absolute;
  margin:0;
  background:#fff;
  padding:10px 10px 14px;
  border-radius:6px;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}
.kk-polaroid img,
.kk-polaroid__ph{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:3px;
}
.kk-polaroid__ph{
  background:linear-gradient(135deg,#e7ddf5,#cbb8ec);
}
/* tape (băng dính) trên mỗi ảnh */
.kk-polaroid::before{
  content:"";
  position:absolute;
  top:-12px;left:50%;
  width:74px;height:24px;
  transform:translateX(-50%) rotate(-4deg);
  background:rgba(255,255,255,.45);
  box-shadow:0 1px 4px rgba(0,0,0,.15);
}
/* Ảnh lớn giữa (gia đình biển) */
.kk-polaroid--2{
  left:6%; top:36px;
  width:300px; height:270px;
  transform:rotate(-5deg);
  z-index:3;
}
/* Ảnh nhỏ trên-phải (bé chạy) */
.kk-polaroid--1{
  right:8%; top:0;
  width:180px; height:210px;
  transform:rotate(6deg);
  z-index:2;
}
/* Ảnh nhỏ dưới-phải (ăn tối) */
.kk-polaroid--3{
  right:0; bottom:20px;
  width:210px; height:170px;
  transform:rotate(4deg);
  z-index:2;
}
/* caption viết tay */
.kk-polaroid__cap{
  position:absolute;
  left:0;right:0;bottom:16px;
  text-align:center;
  font-family:'Dancing Script',cursive;
  font-size:22px;
  color:#5a4a72;
}
/* huy hiệu tim tròn tím */
.kk-hero__badge{
  position:absolute;
  left:34%; bottom:44px;
  width:56px;height:56px;
  border-radius:50%;
  background:linear-gradient(135deg,#6d4a9e,#9d7fd6);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
  box-shadow:0 10px 24px rgba(0,0,0,.3);
  z-index:4;
}
/* hoa cúc trắng góc dưới-trái ảnh giữa */
.kk-hero__daisy{
  position:absolute;
  left:2%; bottom:20px;
  width:52px;height:52px;
  z-index:5;
  background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='white'%3E%3Cellipse cx='32' cy='12' rx='6' ry='12'/%3E%3Cellipse cx='32' cy='52' rx='6' ry='12'/%3E%3Cellipse cx='12' cy='32' rx='12' ry='6'/%3E%3Cellipse cx='52' cy='32' rx='12' ry='6'/%3E%3Cellipse cx='18' cy='18' rx='6' ry='11' transform='rotate(45 18 18)'/%3E%3Cellipse cx='46' cy='18' rx='6' ry='11' transform='rotate(-45 46 18)'/%3E%3Cellipse cx='18' cy='46' rx='6' ry='11' transform='rotate(-45 18 46)'/%3E%3Cellipse cx='46' cy='46' rx='6' ry='11' transform='rotate(45 46 46)'/%3E%3C/g%3E%3Ccircle cx='32' cy='32' r='8' fill='%23f2c94c'/%3E%3C/svg%3E");
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));
}
/* nhánh lavender góc phải */
.kk-hero__lavender{
  position:absolute;
  right:-6px; top:30px;
  width:60px;height:150px;
  z-index:1;
  background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 100'%3E%3Cpath d='M20 100 V40' stroke='%237a8a4a' stroke-width='2' fill='none'/%3E%3Cg fill='%23b9a3e3'%3E%3Ccircle cx='20' cy='12' r='5'/%3E%3Ccircle cx='14' cy='20' r='5'/%3E%3Ccircle cx='26' cy='20' r='5'/%3E%3Ccircle cx='20' cy='26' r='5'/%3E%3Ccircle cx='15' cy='33' r='5'/%3E%3Ccircle cx='25' cy='33' r='5'/%3E%3Ccircle cx='20' cy='40' r='5'/%3E%3C/g%3E%3C/svg%3E");
  opacity:.9;
}

/* =========================================================
   KHỐI 3 — THỐNG KÊ
   Thẻ mờ (glass) nổi trên nền tím; đặt ngay sau [kk_hero].
   ========================================================= */
.kk-stats{
  background:var(--kk-tim-dam);   /* nền tím nối tiếp hero */
  padding:0 24px 40px;
  margin-top:-40px;               /* kéo lên đè nhẹ đáy hero */
  position:relative; z-index:5;
}
.kk-stats__card{
  max-width:1000px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:rgba(255,255,255,.07);
  border:1px solid var(--kk-vien-mo);
  border-radius:22px;
  padding:22px 8px;
  backdrop-filter:blur(6px);
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.kk-stats__item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:6px 12px;
  position:relative;
}
/* vạch ngăn giữa các ô */
.kk-stats__item:not(:last-child)::after{
  content:"";
  position:absolute; right:0; top:50%;
  transform:translateY(-50%);
  width:1px; height:44px;
  background:var(--kk-vien-mo);
}
.kk-stats__icon{ color:var(--kk-lavender); }
.kk-stats__icon svg{ width:34px; height:34px; display:block; }
.kk-stats__meta{ display:flex; flex-direction:column; line-height:1.1; }
.kk-stats__num{ font-size:30px; font-weight:800; color:#fff; }
.kk-stats__lb{ font-size:13px; color:var(--kk-trang-mo); margin-top:4px; }

@media (max-width:849px){
  .kk-hero{ padding:96px 20px 64px; }
  .kk-hero__inner{ grid-template-columns:1fr; gap:36px; text-align:center; }
  .kk-hero__sub{ margin-left:auto; margin-right:auto; }
  .kk-hero__photos{ min-height:360px; }
  .kk-polaroid--2{ left:50%; transform:translateX(-58%) rotate(-5deg); }
  .kk-polaroid--1{ right:16%; }
  .kk-hero__daisy{ left:12%; }

  .kk-stats__card{ grid-template-columns:repeat(2,1fr); gap:10px 0; }
  /* bỏ vạch ngăn dọc giữa cột thứ 2 khi xuống 2 hàng */
  .kk-stats__item:nth-child(2)::after{ display:none; }
}
@media (max-width:480px){
  .kk-stats__num{ font-size:24px; }
  .kk-stats__icon svg{ width:28px; height:28px; }
}

/* =========================================================
   SECTION CHUNG (dùng cho khối 4 Nhật ký & khối 5 Album)
   Nền tím, tiêu đề trái + "Xem tất cả" phải.
   ========================================================= */
.kk-sec{
  background:var(--kk-tim-dam);
  padding:44px 24px;
}
.kk-sec__inner{ max-width:1160px; margin:0 auto; }
.kk-sec__head{
  display:flex; align-items:center; justify-content:space-between;
  margin:0 0 22px;
}
.kk-sec__title{
  color:#fff; font-size:24px; font-weight:700; margin:0;
  display:flex; align-items:center; gap:10px;
}
.kk-sec__heart{ color:var(--kk-lavender); font-size:18px; }
.kk-sec__all{
  color:var(--kk-trang-mo); font-size:14px; text-decoration:none;
  white-space:nowrap;
}
.kk-sec__all:hover{ color:#fff; }
.kk-sec-empty{ color:var(--kk-trang-mo); text-align:center; padding:20px 0; }

/* --- Grid card nhật ký --- */
.kk-nk__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.kk-nk__card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  display:flex; flex-direction:column;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  transition:transform .2s ease, box-shadow .2s ease;
}
.kk-nk__card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(0,0,0,.3); }
.kk-nk__thumb{ display:block; aspect-ratio:1/1; overflow:hidden; }
.kk-nk__thumb img,
.kk-nk__ph{ width:100%; height:100%; object-fit:cover; display:block; }
.kk-nk__ph{ background:linear-gradient(135deg,#e7ddf5,#cbb8ec); }
.kk-nk__body{
  background:#f6f1fb;              /* lower panel hơi lavender như mockup */
  padding:14px 16px 12px;
  display:flex; flex-direction:column;
  flex:1;
}
.kk-nk__date{ font-size:12px; color:#9a86b8; margin-bottom:6px; }
.kk-nk__title{ font-size:17px; font-weight:700; line-height:1.3; margin:0 0 8px; }
.kk-nk__title a{ color:var(--kk-tim); text-decoration:none; }
.kk-nk__title a:hover{ color:var(--kk-tim-nhat); }
.kk-nk__excerpt{ font-size:13px; line-height:1.6; color:#7b6f88; margin:0 0 14px; }
.kk-nk__foot{
  margin-top:auto;
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  border-top:1px solid #ece3f6; padding-top:10px;
}
.kk-nk__tags{ display:flex; flex-wrap:wrap; gap:8px; }
.kk-nk__tag{ font-size:12px; color:var(--kk-tim-nhat); text-decoration:none; }
.kk-nk__tag:hover{ text-decoration:underline; }
.kk-nk__bmbtn{ background:none; border:0; cursor:pointer; color:#b6a6cf; padding:0; line-height:0; }
.kk-nk__bmbtn:hover{ color:var(--kk-tim-nhat); }
.kk-nk__bm{ width:18px; height:18px; }

@media (max-width:849px){
  .kk-nk__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px){
  .kk-nk__grid{ grid-template-columns:1fr; }
  .kk-sec__title{ font-size:20px; }
}

/* =========================================================
   KHỐI 5 — ALBUM ẢNH YÊU THÍCH (carousel)
   ========================================================= */
.kk-alb__wrap{ position:relative; }
.kk-alb__track{
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:6px;
  scrollbar-width:none;           /* Firefox */
}
.kk-alb__track::-webkit-scrollbar{ display:none; }  /* Chrome/Safari */
.kk-alb__card{
  position:relative;
  flex:0 0 calc((100% - 60px) / 4);   /* 4 thẻ/màn hình desktop */
  aspect-ratio:4/3;
  border-radius:16px;
  overflow:hidden;
  scroll-snap-align:start;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
}
.kk-alb__card img,
.kk-alb__ph{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.kk-alb__ph{ background:linear-gradient(135deg,#e7ddf5,#cbb8ec); }
.kk-alb__card:hover img{ transform:scale(1.05); }
/* lớp phủ tối dưới đáy để chữ nổi */
.kk-alb__card::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(47,28,72,.85) 0%, rgba(47,28,72,.25) 42%, transparent 65%);
}
.kk-alb__info{
  position:absolute; left:16px; right:16px; bottom:14px;
  z-index:1; color:#fff;
  display:flex; flex-direction:column; gap:2px;
}
.kk-alb__title{ font-size:16px; font-weight:700; line-height:1.3; }
.kk-alb__count{ font-size:13px; color:rgba(255,255,255,.8); }

/* nút mũi tên tròn bên phải */
.kk-alb__nav{
  position:absolute; top:50%; right:-6px;
  transform:translateY(-50%);
  width:44px; height:44px;
  border:0; border-radius:50%;
  background:var(--kk-tim-nhat);
  color:#fff; font-size:24px; line-height:1;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.35);
  display:flex; align-items:center; justify-content:center;
  transition:filter .2s ease, transform .2s ease;
}
.kk-alb__nav:hover{ filter:brightness(1.12); transform:translateY(-50%) scale(1.06); }

@media (max-width:849px){
  .kk-alb__card{ flex-basis:calc((100% - 20px) / 2); }  /* 2 thẻ/màn hình */
}
@media (max-width:480px){
  .kk-alb__card{ flex-basis:78%; }                       /* ~1 thẻ/màn hình */
  .kk-alb__nav{ display:none; }
}

/* =========================================================
   KHỐI 6 — GỬI TƯƠNG LAI CỦA MÌNH
   ========================================================= */
.kk-tl{
  background:linear-gradient(160deg,#3a2456,#2f1c48);
  padding:56px 24px 64px;
}
.kk-tl__inner{
  max-width:1120px; margin:0 auto;
  display:grid;
  grid-template-columns:260px 1fr 300px;
  gap:40px;
  align-items:center;
}

/* --- Phong bì + thư --- */
.kk-tl__env{ position:relative; height:210px; }
.kk-tl__envelope{
  position:absolute; left:20px; bottom:0;
  width:210px; height:140px;
  background:linear-gradient(135deg,#8b6bc4,#6d4a9e);
  border-radius:10px;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
}
/* nắp phong bì (tam giác) */
.kk-tl__envelope::before{
  content:""; position:absolute; left:0; top:0;
  border-left:105px solid transparent;
  border-right:105px solid transparent;
  border-top:74px solid #7b57b8;
  filter:brightness(.92);
}
/* tấm thư trắng thò lên */
.kk-tl__letter{
  position:absolute; left:38px; bottom:44px;
  width:174px; height:120px;
  background:#fbf7ef;
  border-radius:6px;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
  transform:rotate(-3deg);
  z-index:2;
  display:flex; align-items:flex-start; padding:16px 18px;
}
.kk-tl__letter span{
  font-family:'Dancing Script',cursive;
  font-size:24px; color:#5a4a72;
}
.kk-tl__letter b{ color:var(--kk-tim-nhat); }
/* nhánh lavender sau phong bì */
.kk-tl__lavender{
  position:absolute; left:-6px; top:6px;
  width:56px; height:150px; z-index:1;
  background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 100'%3E%3Cpath d='M20 100 V40' stroke='%237a8a4a' stroke-width='2' fill='none'/%3E%3Cg fill='%23b9a3e3'%3E%3Ccircle cx='20' cy='12' r='5'/%3E%3Ccircle cx='14' cy='20' r='5'/%3E%3Ccircle cx='26' cy='20' r='5'/%3E%3Ccircle cx='20' cy='26' r='5'/%3E%3Ccircle cx='15' cy='33' r='5'/%3E%3Ccircle cx='25' cy='33' r='5'/%3E%3Ccircle cx='20' cy='40' r='5'/%3E%3C/g%3E%3C/svg%3E");
}

/* --- Nội dung giữa --- */
.kk-tl__title{
  color:#fff; font-size:30px; font-weight:800; margin:0 0 14px;
  display:flex; align-items:center; gap:8px;
}
.kk-tl__heart{ color:var(--kk-lavender); font-size:22px; }
.kk-tl__sub{ color:var(--kk-trang-mo); font-size:16px; line-height:1.7; max-width:420px; margin:0 0 26px; }
.kk-tl__btn{
  display:inline-block;
  background:linear-gradient(135deg,#7b57b8,#9d7fd6);
  color:#fff !important; text-decoration:none;
  padding:14px 30px; border-radius:999px; font-weight:600;
  box-shadow:0 12px 28px rgba(123,87,184,.45);
  transition:transform .2s ease, filter .2s ease;
}
.kk-tl__btn:hover{ transform:translateY(-2px); filter:brightness(1.08); }

/* --- Ô trích dẫn --- */
.kk-tl__quote{
  position:relative;
  background:rgba(255,255,255,.07);
  border:1px solid var(--kk-vien-mo);
  border-radius:18px;
  padding:34px 26px 26px;
  margin:0;
}
.kk-tl__qmark{
  position:absolute; top:2px; left:20px;
  font-family:Georgia,serif;
  font-size:64px; line-height:1; color:var(--kk-lavender);
}
.kk-tl__quote p{
  color:rgba(255,255,255,.9);
  font-style:italic; font-size:16px; line-height:1.7; margin:12px 0 0;
}
.kk-tl__qheart{ position:absolute; right:20px; bottom:16px; color:var(--kk-lavender); }

@media (max-width:849px){
  .kk-tl__inner{ grid-template-columns:1fr; gap:32px; text-align:center; }
  .kk-tl__env{ height:200px; }
  .kk-tl__envelope,.kk-tl__letter,.kk-tl__lavender{ left:50%; }
  .kk-tl__envelope{ transform:translateX(-50%); }
  .kk-tl__letter{ transform:translateX(-54%) rotate(-3deg); }
  .kk-tl__lavender{ transform:translateX(-140px); }
  .kk-tl__sub{ margin-left:auto; margin-right:auto; }
  .kk-tl__title{ justify-content:center; }
}

/* =========================================================
   KHỐI 7 — FOOTER (dải bản quyền, hiển thị mọi trang)
   Cấu hình nội dung trong Flatsome → Footer; CSS chỉ chỉnh màu.
   ========================================================= */
/* ẩn "Absolute Footer" mặc định nếu dùng, gộp về 1 dải tím sẫm */
#footer{
  background:var(--kk-tim-dam) !important;
}
#footer .absolute-footer{
  background:var(--kk-tim-dam) !important;
  border-top:1px solid var(--kk-vien-mo);
  color:var(--kk-trang-mo);
  padding:18px 0;
}
#footer .absolute-footer a{ color:var(--kk-trang-mo); }
#footer .absolute-footer a:hover{ color:#fff; }

/* căn giữa dòng bản quyền + icon social */
#footer .absolute-footer .flex-row{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
#footer .absolute-footer .copyright-footer{
  font-size:13px; color:var(--kk-trang-mo);
}
/* trái tim trong "Made with ♥" */
#footer .kk-heart-inline{ color:#e88bb0; }

/* icon mạng xã hội tròn mờ */
#footer .social-icons .icon{
  background:rgba(255,255,255,.08) !important;
  border:1px solid var(--kk-vien-mo) !important;
  color:var(--kk-trang-mo) !important;
  border-radius:50% !important;
  transition:all .2s ease;
}
#footer .social-icons .icon:hover{
  background:var(--kk-tim-nhat) !important;
  color:#fff !important;
  transform:translateY(-2px);
}

@media (max-width:600px){
  #footer .absolute-footer .flex-row{ flex-direction:column; text-align:center; }
}