/* ========================================
   PARK IDENTITY - ORANGE COLOR OVERRIDE
   Primary: #C49551 (orange-500)
   Dark: #C2410C
   Light: #FED7AA
   ======================================== */

/* ========================================
   LOGO SIZE FIX - Park Logo
   ======================================== */
.light-version-logo,
img[alt="logo"],
img[alt="LOGO"],
img[alt="brand"],
header img[src*="logo"],
.logo img,
.crancy-logo img,
a[aria-label="logo"] img,
a[href*="home"] img[src*="logo"] {
    max-height: 60px !important;
    max-width: 160px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
}

/* Footer logo can be slightly bigger */
footer img[src*="logo"],
.footer img[src*="logo"] {
    max-height: 80px !important;
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Mobile logo */
@media (max-width: 768px) {
    .light-version-logo,
    img[alt="logo"],
    header img[src*="logo"],
    .logo img {
        max-height: 45px !important;
        max-width: 120px !important;
    }
}

/* Admin sidebar logo */
.crancy-logo img,
.crancy-logo__main {
    max-height: 50px !important;
    max-width: 150px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}


/* Purple to Orange global overrides */
.text-purple,
.hover\:text-purple:hover,
.group:hover .group-hover\:text-purple,
a.text-purple,
.home-two-nav-item:hover {
    color: #C49551 !important;
}

.bg-purple,
.hover\:bg-purple:hover,
.group-hover\:bg-purple,
.before\:bg-app-main::before,
.after\:bg-app-main::after {
    background-color: #C49551 !important;
}

.border-purple,
.hover\:border-purple:hover,
.border-\[\#794AFF\],
.border-\[\#794AFF1A\],
.before\:border-purple::before {
    border-color: #C49551 !important;
}

.bg-purple-300,
.bg-\[\#F4F1FF\],
.bg-\[\#F2EDFF\],
.bg-\[\#EBE4FF\] {
    background-color: #F5E6D3 !important;
}

/* Fill for SVGs */
.fill-purple,
svg.fill-purple,
.group:hover svg path[fill="#794AFF"] {
    fill: #C49551 !important;
}

/* Shadow overrides */
.shadow-purple,
.shadow-common,
.shadow-small {
    --tw-shadow-color: rgba(196, 149, 81, 0.3) !important;
    --tw-shadow: 0px 10px 60px 0px rgba(196, 149, 81, 0.3) !important;
}

/* Custom heading gradient */
.custom-heading {
    font-size: 65px;
    line-height: 70px;
    letter-spacing: -0.03em;
}
.custom-heading span:first-child {
    color: #fff;
    background: linear-gradient(
        90deg,
        #C49551 0%,
        rgba(196, 149, 81, 0.15) 100%
    );
    text-transform: uppercase;
    padding: 0px 10px;
    margin-left: 5px;
}
.custom-heading span:last-child {
    font-style: italic;
}

.custom_style {
    background: linear-gradient(
        270deg,
        #C49551 50%,
        rgba(196, 149, 81, 0) 90.03%
    );
}

.inner_layout_footer {
    background: linear-gradient(90deg, #C49551 0%, #f3f4f9 63.23%) !important;
}

/* Override app-main (lime green) to orange for theme_11 / home-one */
.bg-app-main { background-color: #C49551 !important; }
.text-app-main { color: #C49551 !important; }
.border-app-main { border-color: #C49551 !important; }

/* Theme 2 colors (blue-sass, blue-seo) to orange */
.text-blue-sass, .hover\:text-blue-sass:hover,
.text-blue-seo, .hover\:text-blue-seo:hover,
.text-it-blue, .hover\:text-it-blue:hover {
    color: #C49551 !important;
}
.bg-blue-sass, .hover\:bg-blue-sass:hover,
.bg-blue-seo, .hover\:bg-blue-seo:hover,
.bg-it-blue, .hover\:bg-it-blue:hover,
.bg-blue-seo\/10, .bg-it-blue\/10 {
    background-color: #C49551 !important;
}
.bg-blue-seo\/10 {
    background-color: rgba(196, 149, 81, 0.1) !important;
}
.border-blue-sass, .border-blue-seo, .border-it-blue,
.border-blue-seo\/10, .hover\:border-blue-sass:hover,
.hover\:border-blue-seo:hover, .group-hover\:border-blue-seo:hover,
.hover\:border-it-blue:hover {
    border-color: #C49551 !important;
}
.shadow-blue-sass-sh, .shadow-blue-card,
.shadow-it-blue-sh, .shadow-it-blue-bg {
    --tw-shadow-color: rgba(196, 149, 81, 0.3) !important;
    --tw-shadow: 0px 10px 60px 0px rgba(196, 149, 81, 0.3) !important;
    box-shadow: 0px 10px 60px 0px rgba(196, 149, 81, 0.3) !important;
}

/* Gray colors with hint of purple keep neutral */
.bg-\[\#F2EDFF\], .border-\[\#F2EDFF\],
.bg-\[\#EBE4FF\], .border-\[\#EBE4FF\],
.bg-\[\#F4F1FF\], .border-\[\#F4F1FF\] {
    background-color: #F5E6D3 !important;
    border-color: #F5E6D3 !important;
}

/* Caribbean green (secondary accent) - keep as orange variant */
.text-caribbean-green, .bg-caribbean-green, .border-caribbean-green {
    color: #C49551;
}
.bg-caribbean-green { background-color: #C49551 !important; }

/* Testimonials and shapes */
.testimonial_bg {
    background-image: url(images/testimonial-bg.webp);
}
.service_image {
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
}
.svg-color svg {
    color: #facc15;
}
.fill-yellow {
    color: #facc15 !important;
}
.fill-gray {
    color: #9ca3af;
}
svg.active {
    color: #C49551;
}
.three-line-limit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.cart-qty-box {
    width: 50px !important;
}

.custom-single-product-swiper {
    --swiper-navigation-color: #fff !important;
    --swiper-pagination-color: #fff !important;
}

.remember-me-checkbox {
    animation-delay: 0.8s !important;
}

.service-description-line-clamp {
    -webkit-line-clamp: 3 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.max_height_none {
    max-height: none !important;
}

.custom_swiper_wrapper {
    transition-duration: 0ms !important;
    transform: translate3d(-223.333px, 0px, 0px) !important;
    transition-delay: 0ms !important;
}

.custom_partner_swiper_slide {
    width: 173.333px !important;
    margin-right: 50px !important;
}

.testimonial-section{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/testimonials-home-bg.png);
}

.testimonial-shape-bg{
    background: linear-gradient(180deg, rgba(196, 149, 81, 0.05) 0%, rgba(196, 149, 81, 0) 100%);
}

/* ========================================
   RTL SUPPORT FOR ARABIC
   ======================================== */
html[dir="rtl"] body,
html[lang="ar"] body {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .text-left,
html[lang="ar"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .text-right,
html[lang="ar"] .text-right {
    text-align: left !important;
}

html[dir="rtl"] .ml-auto,
html[lang="ar"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-auto,
html[lang="ar"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; }

html[dir="rtl"] .pl-2, html[lang="ar"] .pl-2 { padding-left: 0 !important; padding-right: 0.5rem !important; }
html[dir="rtl"] .pl-3, html[lang="ar"] .pl-3 { padding-left: 0 !important; padding-right: 0.75rem !important; }
html[dir="rtl"] .pl-4, html[lang="ar"] .pl-4 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pl-5, html[lang="ar"] .pl-5 { padding-left: 0 !important; padding-right: 1.25rem !important; }
html[dir="rtl"] .pr-2, html[lang="ar"] .pr-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
html[dir="rtl"] .pr-3, html[lang="ar"] .pr-3 { padding-right: 0 !important; padding-left: 0.75rem !important; }
html[dir="rtl"] .pr-4, html[lang="ar"] .pr-4 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .pr-5, html[lang="ar"] .pr-5 { padding-right: 0 !important; padding-left: 1.25rem !important; }

html[dir="rtl"] .ml-2, html[lang="ar"] .ml-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
html[dir="rtl"] .ml-3, html[lang="ar"] .ml-3 { margin-left: 0 !important; margin-right: 0.75rem !important; }
html[dir="rtl"] .ml-4, html[lang="ar"] .ml-4 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .ml-5, html[lang="ar"] .ml-5 { margin-left: 0 !important; margin-right: 1.25rem !important; }
html[dir="rtl"] .ml-7, html[lang="ar"] .ml-7 { margin-left: 0 !important; margin-right: 1.75rem !important; }
html[dir="rtl"] .ml-10, html[lang="ar"] .ml-10 { margin-left: 0 !important; margin-right: 2.5rem !important; }
html[dir="rtl"] .mr-2, html[lang="ar"] .mr-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
html[dir="rtl"] .mr-3, html[lang="ar"] .mr-3 { margin-right: 0 !important; margin-left: 0.75rem !important; }
html[dir="rtl"] .mr-4, html[lang="ar"] .mr-4 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .mr-5, html[lang="ar"] .mr-5 { margin-right: 0 !important; margin-left: 1.25rem !important; }
html[dir="rtl"] .mr-7, html[lang="ar"] .mr-7 { margin-right: 0 !important; margin-left: 1.75rem !important; }
html[dir="rtl"] .mr-10, html[lang="ar"] .mr-10 { margin-right: 0 !important; margin-left: 2.5rem !important; }

html[dir="rtl"] .left-0, html[lang="ar"] .left-0 { left: auto !important; right: 0 !important; }
html[dir="rtl"] .right-0, html[lang="ar"] .right-0 { right: auto !important; left: 0 !important; }

html[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]),
html[lang="ar"] .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}
html[dir="rtl"] .space-x-2\.5 > :not([hidden]) ~ :not([hidden]),
html[lang="ar"] .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}
html[dir="rtl"] .space-x-3 > :not([hidden]) ~ :not([hidden]),
html[lang="ar"] .space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}
html[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]),
html[lang="ar"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}
html[dir="rtl"] .space-x-5 > :not([hidden]) ~ :not([hidden]),
html[lang="ar"] .space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

/* Flip icons in RTL for directional items (arrows, chevrons) */
html[dir="rtl"] .rtl-flip,
html[lang="ar"] .rtl-flip {
    transform: scaleX(-1);
}

/* Arabic font for better readability */
html[dir="rtl"] body,
html[lang="ar"] body {
    font-family: 'Cairo', 'Tajawal', 'Inter', sans-serif;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .custom-heading {
        font-size: 54px;
        line-height: 60px;
    }
}
@media screen and (max-width: 425px) {
    .custom-heading {
        font-size: 36px;
        line-height: 46px;
    }
    .inner_layout_footer {
        background: linear-gradient(90deg, #C49551 0%, #f3f4f9 96.23%) !important;
    }
}