/*
Theme Name: Wizelaw
Theme URI: https://livewp.site/wp/md/wizelaw/
Author: GT3themes
Author URI: gt3themes.com
Description: GT3themes team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.6
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: wizelaw

*/
body.single-practice #main_content {
  margin: 0 !important;
  padding: 0 !important;
}

/* 2 cột: 340px (ảnh) + 1fr (nội dung) */
body.single-practice #main_content.single-two-col{
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 28px;
  align-items: start;
}
body.single-practice #main_content .single-two-col__title {
  display: none;
}

/* Cột trái (ảnh) */
body.single-practice #main_content .single-two-col__media { grid-column: 1; }
body.single-practice #main_content .single-two-col__media img{
  width: 100%;
  max-width: 340px;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  position: sticky;
  top: 24px;               /* ảnh dính khi cuộn */
  filter: none !important; /* bỏ trắng-đen nếu theme áp */
}

/* Cột phải (nội dung) */
body.single-practice #main_content .single-two-col__body{
  grid-column: 2;
  min-width: 0;            /* tránh vỡ dòng tiêu đề dài */
}
body.single-practice #main_content .single-two-col__title{
  margin: 0 0 10px;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.25;
}
body.single-practice #main_content .single-two-col__content > *:last-child{
  margin-bottom: 0 !important;  /* không chừa khoảng trắng cuối */
}

/* Ẩn các khối thừa mà theme thường chèn */
body.single-practice .prev_next_links,
body.single-practice .clear,
body.single-practice .fleft,
body.single-practice .fright,
body.single-practice .post_info,
body.single-practice .tagcloud,
body.single-practice .dn{
  display: none !important;
}

/* Đảm bảo không có khoảng trắng từ wrapper */
body.single-practice .blog_post_preview,
body.single-practice .blog_post_preview .item_wrapper,
body.single-practice .blog_post_preview .blog_content{
  margin: 0 !important;
  padding: 0 !important;
}

/* Responsive: mobile về 1 cột, tắt sticky */
@media (max-width: 991px){
  body.single-practice #main_content.single-two-col{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  body.single-practice #main_content .single-two-col__media img{
    position: static;      /* bỏ sticky trên mobile */
    max-width: 100%;
  }
}
/*post*/
body.single-post .post-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid #eef1f5;
}
body.single-post .post-nav a {
  color: #0d6efd;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
body.single-post .post-nav a:hover {
  text-decoration: underline;
}
/**/
/* ===== Pax Hero (Desktop & Mobile) ===== */
.pax-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
}

.pax-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.pax-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.55));
  z-index: 1;
}

.pax-hero__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;      /* giống mobile: ảnh trên – nút dưới */
  align-items: center;
  
  text-align: center;
  padding: 16px;
  max-width: 400px;
  margin: 0 auto;
}

.pax-hero__figure {
  margin: 0;
  padding: 10px;
}

.pax-hero__logo {
  width: 220px;
  max-width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 10px 28px rgba(0,0,0,.35));
}

/* Controls = 2 nút chiếm ngang 50% */
.pax-hero__controls {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  justify-content: stretch;
  gap: 0;
}

.pax-btn {
  width: 100%;
  padding: 14px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}
.pax-btn:active { transform: scale(.985); }

.pax-btn--dark { background:#0b0b0b; color:#fff; }
.pax-btn--dark:hover { opacity:.92; }

.pax-btn--primary { background:#e22; color:#fff; }
.pax-btn--primary:hover { opacity:.93; }

/* Nút xem thêm – bỏ nền */
.pax-hero__more {
  position: absolute;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 2;
}
.pax-hero__more a {
  display: inline-flex;
  align-items: center;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  background: none !important;   /* bỏ nền */
  padding: 0;
	font-size: 13px !important;
}
.pax-hero__more a:hover {
  text-decoration: underline;
}

/* Responsive giữ nguyên */
@media (max-width: 767px) {
  .pax-hero { min-height:auto; padding:28px 16px; }
  .pax-hero__logo { width:200px; }
}
/* ===== CTA Free Consult Section ===== */
.cta-free{
  position:relative; width:100%; background:#173c55; /* xanh trầm */
}
.cta-free__inner{
  max-width:1200px; margin:0 auto; padding:60px 16px;
}
.cta-free__row{
  display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; position:relative;
}
/* đường kẻ mảnh ở giữa (desktop) */
.cta-free__row::before{
  content:""; position:absolute; left:50%; top:0; bottom:0; width:1px;
  background:linear-gradient(to bottom, transparent, rgba(255,255,255,.15) 20%, rgba(255,255,255,.15) 80%, transparent);
  transform:translateX(-.5px);
}

/* --- Left --- */
.cta-free__left{ display:flex; flex-direction:column; align-items:flex-start; }
.cta-free__heading{
  color:#fff; margin:0 0 14px; font-weight:800; font-size:28px; letter-spacing:.2px;
}
/* thẻ “card” bọc form – không chỉnh input của bạn */
.cta-free__form-card{
  width:100%; max-width:470px; background:#fff; border-radius:14px;
  box-shadow:0 14px 34px rgba(0,0,0,.18); padding:18px;
}

/* --- Right (ảnh nền + overlay) --- */
.cta-free__right{
  position:relative; min-height:520px; border-radius:16px; overflow:hidden;
  background:var(--cta-bg, none) center/cover no-repeat;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.cta-free__right::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.35));
}
.cta-free__right-inner{
  position:relative; z-index:1; text-align:center; max-width:560px; margin:0 auto; padding:32px 16px;
}
.hotline-sub{ color:#e9eef3; opacity:.9; font-weight:400; font-size:18px; margin:0 0 8px; }
.hotline-title{ color:#ffffff; font-weight:800; font-size:34px; line-height:1.1; margin:0 0 14px; letter-spacing:.2px; }
.hotline-phone{ margin:0; font-size:56px; line-height:1.05; font-weight:300; color:#ff5a5a; text-shadow:0 2px 10px rgba(0,0,0,.12); }
.hotline-phone a{ color:inherit; text-decoration:none; }

/* Giảm khoảng trống bên trong các vc_empty_space nếu còn sót */
.cta-free .vc_empty_space{height:12px !important}

/* --- Responsive --- */
@media (max-width: 991px){
  .cta-free__inner{ padding:44px 16px; }
  .cta-free__row{ gap:28px; }
  .hotline-title{ font-size:28px }
  .hotline-phone{ font-size:42px }
}
@media (max-width: 767px){
  .cta-free__row{ grid-template-columns:1fr; }
  .cta-free__row::before{ display:none; }              /* bỏ đường kẻ giữa trên mobile */
  .cta-free__left{ align-items:center; }
  .cta-free__form-card{ max-width:520px; }
  .cta-free__right{ min-height:360px; border-radius:12px; }
  .hotline-phone{ font-size:36px }
}
/* ----- Card layout ổn định ----- */
.gt3_practice_list__posts-container .gt3_practice_list__item{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Ảnh cố định tỷ lệ, không giãn layout */
.gt3_practice_list__image-holder{
  aspect-ratio: 4 / 3;          /* Safari cũ thì dùng padding-top nếu cần */
  overflow:hidden;
}
.gt3_practice_list__image-holder img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* Khối nội dung linh hoạt */
.gt3_practice_list__content{
  display:flex; flex-direction:column; gap:10px; margin-top:10px;
}

/* Tiêu đề: giới hạn 2 dòng + chiều cao cố định -> không đẩy layout */
.gt3_practice_list__title{
  font-size:18px; line-height:1.4; margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.4em * 2);   /* đúng bằng 2 dòng */
}

/* Giữ kích thước khi hover (nếu theme đang tăng font-size khi hover) */
.gt3_practice_list__title:hover{ font-size:18px; }

/* Nút Learn More bám đáy để các card ngang hàng */
.gt3_practice_list__link.learn_more{ margin-top:auto; }

/* (Tuỳ chọn) giãn cách các item cho thoáng hơn */
.gt3_practice_list__posts-container.row > [class*="span"]{
  margin-bottom:24px;
}

/* Không khung, không bóng */
.blog_post_preview .item_wrapper{
  border:none; box-shadow:none; border-radius:0; background:transparent;
  margin:0 0 28px;
}

/* Hàng 2 cột: ảnh | nội dung */
.blog_post_preview .blog_content.blog-row{
  display:flex; gap:18px; align-items:flex-start;
}

/* Ảnh trái (tuỳ chỉnh size ở đây) */
.blog_post_preview .blog_post_media{
  flex:0 0 220px;        /* bề rộng ảnh desktop */
  height:160px;          /* chiều cao cố định */
  overflow:hidden; border-radius:12px;
}
.blog_post_preview .blog_post_media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .3s ease;
}
.blog_post_preview .blog_post_media a:hover img{ transform:scale(1.03); }

/* Nội dung phải */
.blog_post_preview .blog_text{ flex:1; min-width:0; }

.blog_post_preview .blogpost_title{
  margin:0 0 8px; font-size:20px; line-height:1.35; font-weight:800;
}
.blog_post_preview .blogpost_title a{
  color:#12161a; text-decoration:none;
}
.blog_post_preview .blogpost_title a:hover{ color:#0e63ff; }

/* Mô tả ~50–60 từ, vẫn clamp để gọn */
.blog_post_preview .blog_excerpt{
  margin:0 0 10px; font-size:15px; line-height:1.6; color:#2a2f35;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;
  overflow:hidden; text-overflow:ellipsis;
}

/* Nút dưới mô tả */
.blog_post_preview .learn_more{
  display:inline-block; padding:8px 16px; border-radius:999px;
  background:#0e63ff; color:#fff !important; text-decoration:none;
  font-weight:700; font-size:14px; line-height:1; transition:.2s ease;
}
.blog_post_preview .learn_more:hover{ background:#0b55db; transform:translateY(-1px); }

/* Ẩn các phần meta/share/like của theme nếu từng xuất hiện */
.blog_post_preview .post_info,
.blog_post_preview .listing_meta,
.blog_post_preview .clear,
.blog_post_preview .post_clear{ display:none !important; }

/* Mobile: xếp ảnh trên, nội dung dưới */
@media(max-width:720px){
  .blog_post_preview .blog_content.blog-row{ flex-direction:column; }
  .blog_post_preview .blog_post_media{ width:100%; height:200px; flex:0 0 auto; }
}