/*
Theme Name: PQL Theme V1
Description: Theme của Phạm Quang Linh Xây dựng
Author: Phạm Quang Linh
Author URI: https://phamquanglinh.net
Version: 2.2
Text Domain: pql_theme

/* =WordPress Core
-------------------------------------------------------------- */

 .sec-inta {
     padding: 100px 0 0 0;
 }

 @media only screen and (max-width: 600px) {
     .fixed-header .main-box .logo-box {
         padding: 0;
     }

     .main-header .main-box .logo-box .logo img {
         height: 80px;
     }

     .sec-inta {
         padding: 70px 0 0 0;
     }
 }

 @media (max-width: 768px) {

     .buttons {
         width: 100%;
         overflow: hidden;
     }

     .buttons .tab-buttons {
         display: block !important;
         flex-wrap: nowrap !important;
         white-space: nowrap !important;
         overflow-x: auto !important;
         overflow-y: hidden !important;
         -webkit-overflow-scrolling: touch;
     }

     .buttons .tab-buttons li {
         display: inline-block !important;
         white-space: nowrap !important;
         float: none !important;
     }

     .buttons .tab-buttons::-webkit-scrollbar {
         display: none;
     }

     .buttons::after {
         content: "→";
         position: absolute;
         top: 50px;
         left: 5px;
         transform: translateY(-50%);
         font-size: 16px;
         color: #fff;
         opacity: 0.6;
         pointer-events: none;
         animation: hintMove 1.2s infinite ease-in-out;
         border: 1px solid;
         padding: 0;
         border-radius: 10px;
         height: 20px;
         line-height: 15px;
         width: 45px;
         text-align: center;
     }

     @keyframes hintMove {
         0% {
             transform: translateY(-50%) translateX(0);
             opacity: 0.4;
         }

         50% {
             transform: translateY(-50%) translateX(4px);
             opacity: 0.9;
         }

         100% {
             transform: translateY(-50%) translateX(0);
             opacity: 0.4;
         }
     }

     .menu-tabs .buttons .tab-buttons .tab-btn {
         margin: 0 20px 0 0;
     }

     .menu-tabs .buttons {
         padding-bottom: 50px;
     }

     .menu-tabs .buttons .tab-buttons .tab-btn:after {
         margin-left: 5px;
     }

     .menu-cat {
         padding: 100px 0 0 0;
     }


 }

 @media (max-width: 992px) {

     /* Wrapper */
     .v3d-slider-wrapper {
         width: 100%;
         max-width: 420px;
         margin: auto;
         position: relative;
     }

     /* Navigation arrows */
     .v3d-nav {
         width: 45px;
         height: 45px;
         background: #00000015;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 22px;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         z-index: 20;
         cursor: pointer;
         user-select: none;
         backdrop-filter: blur(4px);
     }

     .v3d-nav-up {
         top: 10px;
     }

     .v3d-nav-down {
         bottom: 10px;
     }

     .v3d-nav:hover {
         background: #00000025;
     }

     /* Slider fixed height to show exactly 3 items */
     .v3d-slider {
         height: 480px;
         overflow-y: auto;
         scroll-snap-type: y mandatory;
         padding: 0;
         -webkit-overflow-scrolling: touch;
     }

     /* Track */
     .v3d-track {
         overflow: hidden;
     }

     /* Item */
     .v3d-item {
         height: 160px;
         margin: 18px 0;
         scroll-snap-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
         transform: scale(0.8);
         opacity: 0.4;
         transition: transform .35s ease, opacity .35s ease;
     }

     /* Card */
     .v3d-card {
         width: 90%;
         height: 100%;
         /* background: #fff; */
         border: 1px solid #fff;
         border-radius: 22px;
         display: flex;
         align-items: center;
         padding: 20px;
         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
         transition: box-shadow .35s ease;
     }

     /* Image */
     .v3d-img img {
         width: 90px;
         height: 90px;
         border-radius: 14px;
         object-fit: cover;
     }

     /* Content */
     .v3d-content {
         margin-left: 18px;
         flex: 1;
     }

     .v3d-content h3 {
         margin: 0;
         font-size: 20px;
         font-weight: 600;
     }

     .v3d-arrow {
         font-size: 24px;
         font-weight: bold;
         text-decoration: none;
         color: #333;
     }

     /* ACTIVE (center item) */
     .v3d-item.active {
         transform: scale(1.08);
         opacity: 1;
         z-index: 10;
     }

     .v3d-item.active .v3d-card {
         box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);
     }

     .hidden-bar .inner-box {
         padding-top: 25px;
     }

     .hidden-bar .inner-box .logo-box {
         margin-bottom: 20px;
     }

     .hidden-bar .inner-box .logo-box img {
         max-height: 122px;
     }

     .hidden-bar .side-menu ul li>ul {
         padding-left: 30px;
     }

     .fixed-header.header-up {
         top: 0;
     }
 }