/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* =====================================================================
   CSS cho theme thuc pham
   ===================================================================== */

/* ---------- 0. Font chữ thân bài giống trang mẫu ---------- */
/* body{font-family:Helvetica,Arial,sans-serif;} */

/* ---------- 1. Column bỏ khoảng trống đáy (class: div-no-padding) ---------- */
.div-no-padding{padding-bottom:0 !important;}

/* ---------- 2. Tiêu đề chữ viết tay (class trên Text: title-home / title-home-light) ---------- */
.title-home h1,.title-home h2,.title-home h3,
.title-home-light h1,.title-home-light h2,.title-home-light h3{
  font-family:"Pacifico",cursive;
  font-weight:400;
  font-size:50px;
  line-height:1.35;
  text-align:center;
  color:#000;
  margin-bottom:20px;
}
.title-home-light h1,.title-home-light h2,.title-home-light h3{color:#fff;}

/* ---------- 3. Chữ trên slider (class trên Text Box: title-banner) ---------- */
.title-banner h1,.title-banner h2,.title-banner h3{
  font-family:"Pacifico",cursive;
  font-weight:400;
  font-size:56px;
  line-height:1.3;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
  margin-bottom:8px;
}
.title-banner p{font-size:14px;letter-spacing:1px;text-transform:uppercase;}

/* ---------- 4. Section Giới thiệu (class Section: section-gioi-thieu) ---------- */
.section-gioi-thieu .icon-box h4{font-size:18px;color:#444;margin:14px 0 10px;}
.section-gioi-thieu .icon-box p{font-size:15px;line-height:1.7;color:#777;}

/* ---------- 5. Khung viền "Cảm xúc vui" (class Text Box: div-box-border) ---------- */
.div-box-border{border:3px solid rgba(255,255,255,.85);padding:45px 20px;}
.div-box-border h3{font-size:22px;font-weight:400;letter-spacing:1px;margin-bottom:0;}
.div-box-border h2{font-size:54px;font-weight:500;margin-bottom:10px;}
.div-box-border p{font-size:14px;letter-spacing:.5px;}

/* ---------- 6. Sản phẩm trong tab (class Section: section-san-pham) ---------- */
.section-san-pham .nav > li > a{font-size:12px;}
.section-san-pham .product-small .box-text{padding:12px 10px 18px;}
.section-san-pham .product-small .product-cat{font-size:10px;color:#999;}
.section-san-pham .product-small .product-title a{color:#70c130;font-weight:700;text-transform:uppercase;font-size:13px;}
.section-san-pham .price del{color:#999;font-size:12px;}
.section-san-pham .price ins{color:#e10000;font-weight:700;font-size:13px;text-decoration:none;}

/* ---------- 7. Sản phẩm nổi bật (class Section: section-noi-bat) ---------- */
.section-noi-bat h3{font-size:22px;color:#444;margin-bottom:10px;}
.section-noi-bat p{color:#777;line-height:1.8;}

/* ---------- 8. Vòng tròn nhận xét (class Column: div-nhan-xet) ---------- */
.div-nhan-xet .col-inner{
  position:relative;
  width:270px;height:270px;max-width:100%;
  margin:0 auto;
  padding:30px 28px;
  display:flex;flex-direction:column;justify-content:center;
  text-align:center;color:#fff;
}
.div-nhan-xet .col-inner::before{              /* đường viền tròn méo, xoay chậm như bản gốc */
  content:"";position:absolute;inset:0;
  border:2px solid #fff;
  border-radius:52% 48% 45% 55% / 48% 55% 45% 52%;
  animation:nx-xoay 12s linear infinite;
  pointer-events:none;
}
@keyframes nx-xoay{to{transform:rotate(360deg);}}
.div-nhan-xet p{margin:0;font-size:15px;line-height:1.6;}
.div-nhan-xet p:first-child{               /* dấu “ ở dòng đầu tiên */
  font-family:Georgia,serif;font-size:48px;font-weight:700;line-height:1;height:32px;
}

/* ---------- 9. Tin tức (class Section: section-tin-tuc) ---------- */
.section-tin-tuc .post-title{font-size:15px;color:#333;}
.section-tin-tuc .is-divider{display:none;}
.section-tin-tuc .from_the_blog_excerpt{font-size:12px;color:#888;line-height:1.6;}

/* ---------- 10. Điện thoại ---------- */
@media (max-width:549px){
  .title-home h1,.title-home h2,.title-home h3,
  .title-home-light h1,.title-home-light h2,.title-home-light h3{font-size:34px;}
  .title-banner h1,.title-banner h2,.title-banner h3{font-size:28px;}
  .div-box-border{padding:25px 12px;}
  .div-box-border h2{font-size:34px;}
  .div-nhan-xet{margin-bottom:10px;}
}