/* Visa By Mohamad Zahra - site theme. Loaded after each page's own styles. */
:root{
  --primary-color:#17325c;
  --secondary-color:#0f2444;
  --accent-color:#b98a3e;
  --light-color:#f5f7fb;
  --dark-color:#1f2a3a;
  --border-radius:12px;
  --box-shadow:0 1px 3px rgba(15,36,68,.06),0 8px 24px rgba(15,36,68,.06);
}
body{background:#eef2f7;color:var(--dark-color);-webkit-font-smoothing:antialiased}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}

/* Header + navigation */
.header-bar{background:var(--primary-color);border-bottom:3px solid var(--accent-color);padding:14px 0}
.logo{letter-spacing:.2px}
.logo-icon{background:var(--accent-color);color:#fff}
.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:999px}
.lang-btn:hover,.lang-btn.active{background:#fff;color:var(--primary-color)}
.nav-menu{background:#fff;box-shadow:none;border-bottom:1px solid #dde4ee}
.nav-link{color:#44546a;font-weight:500;border-bottom:3px solid transparent}
.nav-link:hover,.nav-link.active{color:var(--primary-color);border-bottom-color:var(--accent-color)}

/* Page banners */
.hero,.page-header,.privacy-header{
  background:linear-gradient(135deg,#17325c 0%,#0f2444 100%);
  border-radius:16px;border-bottom:4px solid var(--accent-color);
  box-shadow:var(--box-shadow);
}
.hero p,.page-header p,.privacy-header p{opacity:.88}

/* Cards and sections */
.content-section,.about-section,.content-box,.value-card,.privacy-content,.privacy-section,.visa-row{
  background:#fff;border:1px solid #e1e7f0;border-radius:var(--border-radius);box-shadow:var(--box-shadow);
}
.privacy-section{box-shadow:none;border-width:0 0 1px}
.section-title,.about-section h2,.visa-row h3{color:var(--primary-color)}
.section-title{border-bottom:2px solid #e6ebf3}
.section-title:after,.about-section h2:after{background:var(--accent-color)}

/* Homepage rows */
.visa-row{transition:box-shadow .2s,border-color .2s}
.visa-row:hover{transform:none;border-color:var(--accent-color);box-shadow:0 10px 28px rgba(15,36,68,.12)}
.visa-english,.visa-arabic{padding:22px}
.visa-english:hover,.visa-arabic:hover{background:#f7f9fc}
.visa-row img{max-width:56px;border-radius:6px}

/* Requirements, documents, chips */
.requirement-category,.document-category{background:var(--light-color);border:1px solid #e1e7f0;border-left:4px solid var(--accent-color);border-radius:var(--border-radius)}
.requirement-category h3,.document-category h3,.value-card h4,.content-box h3{color:var(--primary-color)}
.requirement-item,.document-item{background:#fff;border:1px solid #e6ebf3;border-radius:10px;box-shadow:none}
.requirement-item .icon,.visa-card i,.content-box h3 i{color:var(--accent-color)}
.requirement-content p,.document-content p,.choose-hint{color:#566377}
.chip{border:1.5px solid #cfd8e5;color:var(--dark-color);transition:border-color .15s,background .15s}
.chip:hover{border-color:var(--primary-color)}
.chip.on{border-color:var(--primary-color);background:var(--primary-color);color:#fff}
.visa-card{border-top-color:var(--accent-color);background:#fff;border:1px solid #e1e7f0}

/* Notes */
.important-notes,.important-note,.checklist-tips{border-radius:var(--border-radius)}
.warning-note{border-radius:var(--border-radius)}

/* Buttons */
.about-btn,.modal-lang-btn{background:var(--primary-color);border-radius:999px}
.about-btn:hover,.modal-lang-btn:hover{background:var(--secondary-color)}
.language-options{border-radius:20px;border-top:5px solid var(--accent-color)}
.language-options h2{color:var(--primary-color)}

/* Footer */
footer{background:var(--secondary-color);border-top:3px solid var(--accent-color)}
.copyright{color:#a9b6ca}

/* Calmer WhatsApp button */
.whatsapp-button{width:90px;height:90px;bottom:18px;right:18px;animation:wa-pulse 0.5s ease-out infinite}
.whatsapp-button img{width:70px;height:70px}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media (prefers-reduced-motion:reduce){.whatsapp-button{animation:none}*{transition:none!important}}

/* Step-by-step guides and message cards (usaappt, canadamsg) */
.step{background:var(--light-color);border:1px solid #e1e7f0;border-left:4px solid var(--accent-color);border-radius:var(--border-radius)}
.step-number{background:var(--primary-color);color:#fff}
.message-card{border:1px solid #e1e7f0;border-top-width:4px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}
.info-box{border-radius:var(--border-radius)}

/* Homepage: country cards in a grid (2 per row on computers and tablets, 1 on phones) */
.services-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.services-container .visa-row{margin-bottom:0;flex-direction:row}
.services-container .visa-english,.services-container .visa-arabic{border:0;flex:1}
@media (max-width:640px){.services-container{grid-template-columns:1fr;gap:14px}}