/* Dark Theme Improvements
   Enhanced visibility and modern glass effects for dark mode
   Created for Shaheer Designs
*/

/* Improved font visibility in dark mode */
[data-theme="dark"] {
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(255, 255, 255, 0.8);
    --text-tertiary: rgba(255, 255, 255, 0.65);
    --text-muted: rgba(255, 255, 255, 0.45);
}

/* Enhanced heading visibility */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: var(--text-primary);
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

/* Enhanced paragraph visibility */
[data-theme="dark"] p {
    color: var(--text-secondary);
}

/* Testimonials improvements for dark mode */
[data-theme="dark"] .testimonials_content {
    background: rgba(30, 30, 40, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme="dark"] .testimonials_content:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}

/* Glass card effect for testimonials */
.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

[data-theme="dark"] .testimonials1_score-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .testimonials_content .text-style-2lines {
    color: var(--text-primary);
}

[data-theme="dark"] .testimonials_content .heading-small {
    color: var(--text-primary);
}

[data-theme="dark"] .testimonials_content .heading-vsmall {
    color: var(--text-tertiary);
}

[data-theme="dark"] .horizontal-divider-testimonial {
    background: rgba(255, 255, 255, 0.1);
}

/* Modern glass card effects */ 
[data-theme="dark"] .portfolio-card,
[data-theme="dark"] .about-card  {
    background: rgba(30, 30, 40, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme="dark"] .service-card:hover,
[data-theme="dark"] .portfolio-card:hover {
    transform: translateY(-5px); 
    border: 1px solid rgba(255, 107, 53, 0.3);
    cursor: pointer;
}

/* Enhanced service cards */
[data-theme="dark"] .service-card .service-title {
    color: var(--text-primary);
}

[data-theme="dark"] .service-card .service-description {
    color: var(--text-secondary);
}

[data-theme="dark"] .service-card .service-features li {
    color: var(--text-secondary);
}

/* Enhanced portfolio cards */
[data-theme="dark"] .portfolio-card .project-title {
    color: var(--text-primary);
}

[data-theme="dark"] .portfolio-card .project-description {
    color: var(--text-secondary);
}

[data-theme="dark"] .portfolio-card .project-category {
    color: var(--text-tertiary);
}

/* Improved buttons and interactive elements */
[data-theme="dark"] .rn-btn  {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.2), rgba(255, 130, 1, 0.2));
    border: 1px solid rgba(255, 107, 53, 0.3);
    backdrop-filter: blur(5px);
}

[data-theme="dark"] .rn-btn:hover  {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.4), rgba(255, 130, 1, 0.4));
    border: 1px solid rgba(255, 107, 53, 0.5);
}

/* Texture effect for all-wrapper */
.all-wrapper {
    position: relative;
    z-index: 1;
}

.all-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cfilter id='noise' x='0%25' y='0%25' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.28'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: -1;
}

[data-theme="dark"] .all-wrapper::before {
    opacity: 0.4;
}

[data-theme="light"] .all-wrapper::before {
    opacity: 0.12;
}

/* Light/Dark mode switcher enhancement */
[data-theme="dark"] #my_switcher {
    background: rgba(30, 30, 40, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Form fields in dark mode */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: rgba(40, 40, 50, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgb(138 130 127);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--text-muted);
}

/* Glass focus state for dark mode form fields */
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
    outline: none;
    border-color: rgba(255, 107, 53, 0.45);
    box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.12);
    background: rgba(40, 40, 50, 0.65);
}

/* Enhanced tag styling */
[data-theme="dark"] .tag {
    background: rgba(255, 107, 53, 0.2);
    color: var(--text-primary);
    border: 1px solid rgba(255, 107, 53, 0.3);
}