/*
Theme Name: Turki Law Firm
Theme URI: https://example.com/
Author: Almaqsd Team
Author URI: https://example.com/
Description: Professional WordPress conversion for Turki Al-Shuraie & Partners law firm HTML website. Static HTML design converted into a WordPress compatible theme without changing the original visual identity.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: turki-law-firm
Tags: custom-design, rtl-language-support, law-firm, responsive, landing-page
*/

/* Custom scrollbar for an elegant look */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background-color: #F8EDDE;
}
html.dark ::-webkit-scrollbar-track {
  background-color: #272D1D;
}
::-webkit-scrollbar-thumb {
  background-color: #D3BA86;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #AE8C56;
}

/* Animations */
@keyframes pulse-slow {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
.animate-pulse-slow {
  animation: pulse-slow 3s ease-in-out infinite;
}

body.overflow-hidden {
  overflow: hidden;
}

/* Marquee for Partners */
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
}
.marquee-content {
  display: inline-flex;
  animation: marquee 30s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(100%); }
}
html[dir="ltr"] .marquee-content {
  animation: marquee-ltr 30s linear infinite;
}
@keyframes marquee-ltr {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}


/* WordPress compatibility helpers */
.faq-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
html { scroll-behavior: smooth; }
body.admin-bar nav.fixed.top-0 { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar nav.fixed.top-0 { top: 46px; } }
img { max-width: 100%; height: auto; }
/* Custom scrollbar for an elegant look */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background-color: #F8EDDE;
}
html.dark ::-webkit-scrollbar-track {
  background-color: #272D1D;
}
::-webkit-scrollbar-thumb {
  background-color: #D3BA86;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #AE8C56;
}

/* Animations */
@keyframes pulse-slow {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
.animate-pulse-slow {
  animation: pulse-slow 3s ease-in-out infinite;
}

body.overflow-hidden {
  overflow: hidden;
}

/* Marquee for Partners */
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
}
.marquee-content {
  display: inline-flex;
  animation: marquee 30s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(100%); }
}
html[dir="ltr"] .marquee-content {
  animation: marquee-ltr 30s linear infinite;
}
@keyframes marquee-ltr {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}