/* =====================================================
 * Brand CSS - Al Tariq Agricultural Company
 * Colors based on brand guidelines
 * ===================================================== */

:root {
  /* Primary Colors */
  --green-primary: #54B71C;
  --green-dark: #2A7A0C;
  --black: #000000;
  --white: #FFFFFF;
  --light-cyan: #C6F5FF;
  
  /* Secondary Colors */
  --soil-brown: #7A532A;
  --harvest-yellow: #F4D03F;
  
  /* Override Bootstrap default */
  --bs-primary: #54B71C;
  --bs-secondary: #2A7A0C;
}

/* Override template primary color */
:root {
  --template-primary: #54B71C;
  --template-primary-rgb: 84, 183, 28;
}

/* Override Bootstrap theme colors */
.btn-primary {
  background-color: #54B71C;
  border-color: #54B71C;
}

.btn-primary:hover {
  background-color: #2A7A0C;
  border-color: #2A7A0C;
}

/* Links and accents */
a {
  color: #54B71C;
}

a:hover {
  color: #2A7A0C;
}

/* Section titles */
.section-title h2 {
  color: #54B71C;
}

/* Footer */
.footer {
  background-color: #2A7A0C;
}

.footer a {
  color: #C6F5FF;
}

/* Header */
#header {
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

#header .sitename {
  color: #54B71C;
  font-weight: 700;
}

#header .navmenu a {
  color: #000000;
}

#header .navmenu a:hover,
#header .navmenu a.active {
  color: #54B71C;
}

/* Hero section */
.hero {
  background-color: #2A7A0C;
}

.hero h2 {
  color: #FFFFFF;
}

.hero p {
  color: rgba(255, 255, 255, 0.9);
}

/* Featured services */
.featured-services .service-item .icon {
  color: #54B71C;
}

.featured-services {
  background-color: #FFFFFF;
}

/* About section */
.about .who-we-are {
  color: #54B71C;
}

.about h3 {
  color: #2A7A0C;
}

/* Stats section */
.stats {
  background-color: #54B71C;
}

.stats .stats-item span {
  color: #FFFFFF;
}

.stats .stats-item p {
  color: #FFFFFF;
}

/* Services section */
.services .service-item .icon {
  color: #54B71C;
}

.services .service-item h4 a {
  color: #2A7A0C;
}

/* Call to action */
.call-to-action {
  background-color: #54B71C;
}

/* Portfolio */
.portfolio .portfolio-filters li.filter-active,
.portfolio .portfolio-filters li:hover {
  color: #FFFFFF;
}

/* Team */
.team .team-member .member-info {
  background-color: #54B71C;
}

/* Testimonials */
.testimonials .testimonial-item {
  background-color: #FFFFFF;
  border-left: 4px solid #54B71C;
}

/* Contact */
.contact .info i {
  background-color: #54B71C;
}

/* Cards */
.card {
  border-color: #54B71C;
}

/* Buttons */
.cta-btn {
  background-color: #54B71C;
  color: #FFFFFF;
}

.cta-btn:hover {
  background-color: #2A7A0C;
  color: #FFFFFF;
}

.btn-get-started {
  background-color: #54B71C;
  color: #FFFFFF;
}

.btn-get-started:hover {
  background-color: #2A7A0C;
  color: #FFFFFF;
}

/* Read more links */
.read-more {
  color: #54B71C;
}

.read-more:hover {
  color: #2A7A0C;
}

/* Check circles */
.bi-check-circle {
  color: #54B71C;
}

/* Custom Arabic font support */
body {
  font-family: 'Noto Sans Arabic', 'Tajawal', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Tajawal', 'Cairo', sans-serif;
  font-weight: 700;
}
/* Hero carousel fixes */
.hero .carousel-item {
    position: relative !important;
    height: 100vh;
}

.hero .carousel-item img {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Gallery/Portfolio fixes */
.portfolio .isotope-container {
    overflow: visible !important;
}

.portfolio-item {
    margin-bottom: 20px;
}

.portfolio-item img {
    display: block;
    width: 100%;
    height: auto;
}

/* Hero z-index fix - ensure images are visible */
.hero .carousel-item {
    z-index: 1;
}

.hero .carousel-item.active {
    z-index: 2;
}

.hero .carousel-item > img {
    z-index: 1;
}

.hero .carousel-container {
    z-index: 3;
}

/* Ensure carousel container has proper dimensions */
#hero-carousel {
    position: relative;
    width: 100%;
    height: 100vh;
}

/* Carousel navigation arrows visibility */
.carousel-control-prev,
.carousel-control-next {
    z-index: 100 !important;
    opacity: 1 !important;
    width: 10% !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 50%;
    padding: 20px;
    width: 50px !important;
    height: 50px !important;
}

.carousel-control-prev-icon::before,
.carousel-control-next-icon::before {
    font-size: 24px !important;
    color: white;
}

/* Fix gallery overflow - ensure it's on page */
.portfolio {
    overflow: visible !important;
}

.portfolio-section {
    overflow: visible !important;
}

#gallery {
    overflow: visible !important;
}

/* Make sure isotope container is visible */
.isotope-layout {
    overflow: visible !important;
}

/* Simple Gallery Grid */
.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 20px;
    cursor: pointer;
}

.gallery-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

.gallery-item:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* Remove isotope/popup stuff that was causing issues */
.isotope-layout,
.isotope-container,
.portfolio-info {
    display: none !important;
}

/* Restore proper section styling */
.portfolio .section-title h2 {
    color: #54B71C;
}

.portfolio .section-title p {
    color: #666;
}