/* BTANUS – modern aesthetic layer. Loads after theme/skin/custom CSS. Aesthetics only. */
@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700|Plus+Jakarta+Sans:400,500,600,700,800');

:root{
  --bt-navy:#0f2a43; --bt-navy-2:#173a5c; --bt-gold:#c8963e; --bt-gold-2:#e0b265;
  --bt-ink:#25313d; --bt-muted:#6b7785; --bt-bg:#f6f4ef; --bt-card:#fff;
  --bt-radius:14px; --bt-shadow:0 10px 30px rgba(15,42,67,.10); --bt-shadow-lg:0 18px 44px rgba(15,42,67,.18);
}

html{scroll-behavior:smooth}
body,.body{font-family:'Plus Jakarta Sans','Cairo','Open Sans',sans-serif;color:var(--bt-ink);background:var(--bt-bg)}
h1,h2,h3,h4,h5{font-family:'Plus Jakarta Sans','Cairo',sans-serif;color:var(--bt-navy);letter-spacing:-.01em}
p,li{line-height:1.8;font-size:15.5px}
a{color:var(--bt-gold);transition:color .2s}
a:hover{color:var(--bt-navy)}

/* Auto-detect Arabic / Chinese paragraphs: right-to-left where needed */
h1,h2,h3,p,li{unicode-bidi:plaintext;text-align:start}
[dir=rtl],p:lang(ar){font-family:'Cairo',sans-serif}

/* ---------- Header ---------- */
#header .header-body{background:#fff;border:0;box-shadow:0 2px 20px rgba(15,42,67,.08)}
#header .header-logo img{transition:all .3s}
.header-extra-info .feature-box-icon i{color:var(--bt-gold)}
.header-extra-info h4{color:var(--bt-navy);font-size:15px;font-weight:600}
.header-nav-bar-primary{background:var(--bt-navy)!important;border:0!important}
#mainNav>li>a{color:#e8eef5!important;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:16px 20px!important;border-radius:0!important;background:transparent!important;position:relative}
#mainNav>li>a:after{content:"";position:absolute;left:20px;right:20px;bottom:8px;height:2px;background:var(--bt-gold);transform:scaleX(0);transition:transform .25s}
#mainNav>li>a:hover,#mainNav>li.active>a,#mainNav>li>a:focus{color:var(--bt-gold-2)!important;background:transparent!important}
#mainNav>li>a:hover:after{transform:scaleX(1)}
.header-btn-collapse-nav{background:var(--bt-gold)!important;border-radius:8px}

/* ---------- Page header banner ---------- */
.page-header{background:linear-gradient(120deg,var(--bt-navy) 0%,var(--bt-navy-2) 60%,#1f4c75 100%)!important;border:0!important;margin:0 0 50px!important;padding:46px 0!important;position:relative;overflow:hidden}
.page-header:before{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(200,150,62,.35),transparent 70%)}
.page-header h1{color:#fff!important;font-weight:800;font-size:38px;margin:10px 0 0;text-shadow:none!important}
.page-header h1:after{content:"";display:block;width:60px;height:4px;background:var(--bt-gold);border-radius:4px;margin-top:14px}
.page-header .breadcrumb{background:transparent;padding:0;margin:0}
.page-header .breadcrumb li,.page-header .breadcrumb li a{color:#b9c8d8!important;font-size:13px}
.page-header .breadcrumb li.active{color:var(--bt-gold-2)!important}

/* ---------- Sections / content ---------- */
.main .container{padding-bottom:30px}
.main h2{font-weight:800;font-size:27px;margin:34px 0 14px;position:relative;padding-bottom:12px}
.main h2:after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;background:var(--bt-gold);border-radius:3px}
.main h2[dir=rtl]:after{left:auto;right:0}
.main .center h2:after{left:50%;margin-left:-22px}
hr.tall{border:0;height:1px;background:linear-gradient(90deg,transparent,#d9d3c4,transparent);margin:34px 0}
.section{background:transparent!important;border:0!important;padding:60px 0!important}
.section-no-background{background:#fff!important}
.lead{font-size:18px;color:var(--bt-muted)}

/* Images */
.img-responsive,.main .container img{border-radius:var(--bt-radius)}
.col-md-4 .img-responsive,.col-md-6 .img-responsive{box-shadow:var(--bt-shadow);margin-bottom:6px;transition:transform .35s,box-shadow .35s}
.col-md-4 .img-responsive:hover,.col-md-6 .img-responsive:hover{transform:translateY(-4px);box-shadow:var(--bt-shadow-lg)}
img.img-responsive[src*="newpic1"]{width:100%;box-shadow:var(--bt-shadow-lg);margin-bottom:10px}
.col-md-3 img[src*="logo"],.footer-copyright img{border-radius:0;box-shadow:none}

/* Check lists -> cards */
.list-icons-style-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;padding:0}
.list-icons-style-3 li{background:var(--bt-card);border-radius:10px;padding:11px 14px 11px 42px!important;box-shadow:0 2px 8px rgba(15,42,67,.06);border:1px solid #eee8d9;margin:0!important;position:relative;font-size:14.5px;line-height:1.5;transition:all .2s}
.list-icons-style-3 li:hover{transform:translateX(3px);border-color:var(--bt-gold);box-shadow:var(--bt-shadow)}
.list-icons-style-3 li>i{position:absolute!important;left:12px!important;top:12px!important;width:20px;height:20px;line-height:20px;text-align:center;font-size:10px;border-radius:50%;background:var(--bt-gold)!important;color:#fff!important;border:0!important}
.col-md-6>.list-icons-style-3,.col-md-12 .list-icons-style-3{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.col-md-6 .list-icons-style-3{grid-template-columns:1fr}
section .col-md-4 .list-icons-style-3{grid-template-columns:1fr}

/* Home gallery */
.image-gallery{padding:0;margin:0 -10px;list-style:none}
.image-gallery-item{padding:10px}
.image-gallery-item img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--bt-radius)}
.thumb-info,.thumb-info-wrapper{border-radius:var(--bt-radius);overflow:hidden;display:block}
.thumb-info:hover img{transform:scale(1.07)}
.thumb-info img{transition:transform .5s}
.thumb-info .thumb-info-action{background:rgba(15,42,67,.55)}
.thumb-info-action-icon{background:var(--bt-gold)!important}

/* Slider */
.slider-container{border-bottom:5px solid var(--bt-gold)}

/* Buttons */
.btn-flat,.btn-primary,.btn-default.btn-borders{border-radius:30px!important;font-weight:700;letter-spacing:.03em;transition:all .25s}
.btn-flat{background:var(--bt-gold)!important;color:#fff!important;border:0!important;padding:6px 16px}
.btn-flat:hover{background:var(--bt-navy)!important}
.btn-primary{background:var(--bt-navy)!important;border:2px solid var(--bt-navy)!important;color:#fff!important}
.btn-primary:hover{background:var(--bt-gold)!important;border-color:var(--bt-gold)!important}
.btn-borders.btn-default{border:2px solid var(--bt-gold)!important;color:var(--bt-navy)!important;background:transparent!important;padding:10px 26px}
.btn-borders.btn-default:hover{background:var(--bt-gold)!important;color:#fff!important}

/* News / Articles cards */
.blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.blog-posts .post{background:var(--bt-card);border-radius:var(--bt-radius);overflow:hidden;box-shadow:var(--bt-shadow);margin:0!important;padding:0!important;border:0!important;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.blog-posts .post:hover{transform:translateY(-6px);box-shadow:var(--bt-shadow-lg)}
.blog-posts .post-image{margin:0!important}
.blog-posts .post-image img{width:100%;height:230px;object-fit:cover;border-radius:0!important;padding:0!important;border:0!important}
.blog-posts .post-content{padding:22px 24px 24px!important;margin:0!important}
.blog-posts .post-content h2{font-size:20px!important;line-height:1.4!important;margin:0 0 10px!important;padding:0}
.blog-posts .post-content h2:after{display:none}
.blog-posts .post-content h2 a{color:var(--bt-navy)}
.blog-posts .post-content h2 a:hover{color:var(--bt-gold)}
.post-meta{border-top:1px solid #eee8d9;padding-top:12px;margin-top:14px;color:var(--bt-muted);font-size:13px}
.post-meta span{margin-right:16px}.post-meta i{color:var(--bt-gold);margin-right:6px}
/* single article/news detail view: full width reading layout */
.blog-posts:has(.post-large .post-image img[src*="uploads"]):has(h2:not(a)){}
.col>.blog-posts{display:block}
.col>.blog-posts .post{display:block}
.col>.blog-posts .post-image img{height:auto;max-height:480px}
@supports(selector(:has(*))){.col>.blog-posts:has(article:nth-of-type(2)){display:grid}.col>.blog-posts:has(article:nth-of-type(2)) .post{display:flex}.col>.blog-posts:has(article:nth-of-type(2)) .post-image img{height:230px}}

/* Contact */
#contactForm .form-control{border:1px solid #ddd5c3;border-radius:10px;padding:12px 14px;height:auto;box-shadow:none;background:#fff;transition:all .2s}
#contactForm .form-control:focus{border-color:var(--bt-gold);box-shadow:0 0 0 3px rgba(200,150,62,.2)}
#contactForm label{font-weight:600;color:var(--bt-navy);font-size:13px;margin-bottom:6px}
.col-md-6>h2.mb-sm{margin-top:0}
.col-md-6 .heading-primary{color:var(--bt-navy)!important}
.list-icons:not(.list-icons-style-3):not(.list-icons-sm) li i,.list-icons-style-3.mt-xlg li i{color:#fff}
.alert{border-radius:10px}

/* ---------- Footer ---------- */
#footer{background:var(--bt-navy)!important;border:0!important;margin-top:60px;color:#b9c8d8}
#footer .heading-primary{color:#fff!important}
#footer p,#footer a{color:#b9c8d8}
#footer a:hover{color:var(--bt-gold-2)}
#footer .btn-flat{color:#fff!important}
#footer .phone{color:var(--bt-gold-2)!important;font-weight:700;font-size:20px}
#footer hr.light{border-color:rgba(255,255,255,.12)}
#footer .social-icons li a{border-radius:50%;background:rgba(255,255,255,.08);transition:all .25s}
#footer .social-icons li a:hover{background:var(--bt-gold)}
.footer-copyright{background:#0a1e31!important;border:0!important;padding:18px 0!important}
.footer-copyright img{filter:brightness(0) invert(1);opacity:.85}
.footer-copyright p{color:#7f93a8!important;margin:10px 0 0}

@media(max-width:767px){
  .page-header h1{font-size:28px}
  .blog-posts{grid-template-columns:1fr}
  #mainNav>li>a:after{display:none}
  .header-nav-main nav{background:var(--bt-navy)}
}