/*
Theme Name: Flatsome Child - Nhựa Chiết Giang
Description: Child theme cho Flatsome - website Nhựa Chiết Giang (Chiet Giang Plastic)
Author: Natafu
Template: flatsome
Version: 1.0.5
Text Domain: flatsome-child
*/

/* ===== Biến màu thương hiệu (logo chrome/xanh thép trên nền đen) ===== */
:root{
  --cg-navy:#081830;
  --cg-blue:#2f7fe0;
  --cg-steel:#9db4cf;
  --cg-light:#f4f7fb;
}

/* Header tối để logo nền đen hiển thị liền mạch */
.header-main,.header-bg-color,.header-wrapper:not(.stuck) .header-bg-color{background-color:#000;}
.header-main .nav>li>a,.header-top .nav>li>a{color:#fff;font-weight:600;letter-spacing:.02em;}
.header-main .nav>li>a:hover,.header-main .nav>li.active>a{color:var(--cg-blue);}
.nav-dropdown{border-radius:6px;}

/* Tiêu đề & nút */
h1,h2,h3{letter-spacing:-.01em;}
.button.primary,.button.is-form{background-color:var(--cg-blue);border-radius:5px;}
.button.primary:hover{background-color:#1f66bf;}

/* Khối thẻ nội dung */
.cg-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 14px rgba(8,24,48,.08);height:100%;}
.cg-card h3{margin-top:0;color:var(--cg-navy);}
.cg-light{background:var(--cg-light);}
.cg-lead{font-size:1.15em;color:#ffffff;}

/* Footer */
.footer-wrapper,.absolute-footer{background:var(--cg-navy);color:#c9d6e8;}
.footer-wrapper a{color:#c9d6e8;}
.footer-wrapper a:hover{color:#fff;}


/* Menu 9 mục: gọn lại để vừa 1 hàng */
.header-nav>li>a{letter-spacing:.02em;}
.header-nav-main li.menu-item-has-children>a .icon-angle-down{margin-left:2px;}
.nav-dropdown .nav-dropdown-col>a,.nav-dropdown li a{font-size:.85rem;}
.cg-quote-form input,.cg-quote-form textarea{margin-bottom:12px;}
.cg-form-error{color:#b20000;}


/* ===== Menu 3 cấp: bung từng cấp sang bên phải (flyout), không dạng bảng ===== */
@media (min-width:850px){
  .header-nav .nav-dropdown{overflow:visible;min-width:260px;padding:8px 0;}
  .header-nav .nav-dropdown > li{position:relative;}
  .header-nav .nav-dropdown > li > a{font-weight:500;text-transform:none;padding:9px 18px;font-size:.85rem;line-height:1.4;display:block;}
  .header-nav .nav-dropdown > li.menu-item-has-children > a{padding-right:34px;}
  .header-nav .nav-dropdown > li.menu-item-has-children > a::after{content:"\203A";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#9db4cf;}
  .header-nav .nav-dropdown > li > ul.sub-menu{display:none;position:absolute;left:100%;top:-8px;min-width:300px;background:#fff;box-shadow:2px 4px 18px rgba(8,24,48,.18);border-radius:6px;padding:8px 0;margin:0;list-style:none;z-index:50;}
  .header-nav .nav-dropdown > li:hover > ul.sub-menu{display:block;}
  .header-nav .nav-dropdown > li > ul.sub-menu > li > a{display:block;padding:9px 18px;font-size:.84rem;font-weight:400;line-height:1.4;text-transform:none;}
  .header-nav .nav-dropdown > li:hover > a,.header-nav .nav-dropdown li > a:hover{color:var(--cg-blue);background:var(--cg-light);}
}

/* Các mục menu bên phải: flyout cấp 3 mở sang trái để không tràn màn hình */
@media (min-width:850px){
  .header-nav > li:nth-child(n+6) .nav-dropdown > li > ul.sub-menu{left:auto;right:100%;}
  .header-nav > li:nth-child(n+6) .nav-dropdown > li.menu-item-has-children > a::after{content:"\2039";}
}

/* Thanh menu xanh (header bottom) */
.header-bottom{background:var(--cg-blue);}
.header-bottom .header-bottom-nav>li>a{color:#fff;font-weight:600;}
.header-bottom .header-bottom-nav>li:hover>a,.header-bottom .header-bottom-nav>li.active>a{color:#081830;}
.header-bottom .nav-dropdown{background:#fff;}
.header-bottom .nav-dropdown a{color:#333;}
.header-bottom-nav{justify-content:center;}

/* Thẻ có ảnh */
.cg-card.cg-img{padding:0;overflow:hidden;}
.cg-card.cg-img img{width:100%;height:190px;object-fit:cover;display:block;margin:0;border-radius:0;}
.cg-card.cg-img h3,.cg-card.cg-img p{padding-left:22px;padding-right:22px;}
.cg-card.cg-img h3{margin-top:16px;}
.cg-card.cg-img p:last-child{padding-bottom:18px;}