/* * SheedSun — Classic Design Mode * Scoped under [data-design="classic"] on the element. * Palette matches original sheedsun.com design (green brand, dark backgrounds). * * This file is only enqueued when Design Mode = Classic in WP Admin > Appearance > حالت طراحی */ /* ══════════════════════════════════════════════ CSS CUSTOM PROPERTIES — Classic palette ══════════════════════════════════════════════ */ [data-design="classic"] { /* Colours */ --cls-bg: #f5f5f5; --cls-bg-alt: #ebebeb; --cls-surface: #fff; --cls-border: #d8d8d8; --cls-accent: #47b475; /* primary green — matches old sheedsun.com */ --cls-accent-dk: #2d9e5f; --cls-accent-sec: #fa8c16; /* secondary orange accent */ --cls-dark: #292929; --cls-dark-mid: #464646; --cls-text: #292929; --cls-muted: #666; --cls-heading: #1a1a1a; /* Typography */ --cls-font-body: 'Vazirmatn', sans-serif; --cls-font-heading: 'Vazirmatn', sans-serif; --cls-radius: 4px; } /* ══════════════════════════════════════════════ BASE ══════════════════════════════════════════════ */ [data-design="classic"] body { background: var(--cls-bg); color: var(--cls-text); font-family: var(--cls-font-body); } [data-design="classic"] h1, [data-design="classic"] h2, [data-design="classic"] h3, [data-design="classic"] h4, [data-design="classic"] h5, [data-design="classic"] h6 { color: var(--cls-heading); font-family: var(--cls-font-heading); } [data-design="classic"] a { color: var(--cls-accent); } [data-design="classic"] a:hover { color: var(--cls-accent-dk); } /* ══════════════════════════════════════════════ HEADER / NAV ══════════════════════════════════════════════ */ [data-design="classic"] .site-header { background: var(--cls-surface); border-bottom: 1px solid var(--cls-border); box-shadow: 0 1px 4px rgba(0,0,0,.08); } [data-design="classic"] .navbar__logo { color: var(--cls-heading); } [data-design="classic"] .nav-menu a { color: var(--cls-text); } [data-design="classic"] .nav-menu a:hover, [data-design="classic"] .nav-menu .current-menu-item > a { color: var(--cls-accent); background: rgba(71,180,117,.08); } [data-design="classic"] .hamburger span { background: var(--cls-text); } /* ══════════════════════════════════════════════ HERO SECTIONS ══════════════════════════════════════════════ */ [data-design="classic"] .page-hero, [data-design="classic"] .single-hero, [data-design="classic"] .archive-hero, [data-design="classic"] .projects-hero, [data-design="classic"] .contact-hero, [data-design="classic"] .services-hero, [data-design="classic"] .about-hero, [data-design="classic"] .blog-hero { background: var(--cls-dark-mid); border-bottom: 1px solid rgba(71,180,117,.2); } [data-design="classic"] .projects-hero__title, [data-design="classic"] .page-hero__title, [data-design="classic"] .archive-hero__title, [data-design="classic"] .contact-hero__title, [data-design="classic"] .services-hero__title, [data-design="classic"] .about-hero__title { color: #fff !important; } [data-design="classic"] .projects-hero__desc, [data-design="classic"] .page-hero__desc, [data-design="classic"] .archive-hero__desc { color: rgba(255,255,255,.7) !important; } [data-design="classic"] .projects-hero__badge { color: var(--cls-accent); background: rgba(71,180,117,.1); border-color: rgba(71,180,117,.3); } /* ══════════════════════════════════════════════ STATS BAR ══════════════════════════════════════════════ */ [data-design="classic"] .projects-stats, [data-design="classic"] .about-stats { background: var(--cls-dark) !important; border-bottom: 1px solid rgba(255,255,255,.08); } [data-design="classic"] .projects-stats__number, [data-design="classic"] .about-stats__number { color: var(--cls-accent) !important; } [data-design="classic"] .projects-stats__label, [data-design="classic"] .about-stats__label { color: rgba(255,255,255,.6) !important; } /* ══════════════════════════════════════════════ CARDS ══════════════════════════════════════════════ */ [data-design="classic"] .project-card, [data-design="classic"] .archive-card, [data-design="classic"] .service-card, [data-design="classic"] .related-card, [data-design="classic"] .package-card { background: var(--cls-surface) !important; border-color: var(--cls-border) !important; border-radius: var(--cls-radius); } [data-design="classic"] .project-card:hover, [data-design="classic"] .archive-card:hover, [data-design="classic"] .service-card:hover { border-color: var(--cls-accent) !important; box-shadow: 0 4px 16px rgba(0,0,0,.1) !important; } [data-design="classic"] .project-card__title, [data-design="classic"] .archive-card__title, [data-design="classic"] .service-card__title { color: var(--cls-heading) !important; } [data-design="classic"] .project-card:hover .project-card__title, [data-design="classic"] .archive-card:hover .archive-card__title { color: var(--cls-accent) !important; } [data-design="classic"] .project-card__meta-item, [data-design="classic"] .archive-card__excerpt, [data-design="classic"] .archive-card__meta { color: var(--cls-muted) !important; } /* ══════════════════════════════════════════════ BUTTONS ══════════════════════════════════════════════ */ [data-design="classic"] .btn-primary { background: var(--cls-accent); border-color: var(--cls-accent); color: #fff; border-radius: var(--cls-radius); } [data-design="classic"] .btn-primary:hover { background: var(--cls-accent-dk); border-color: var(--cls-accent-dk); } [data-design="classic"] .btn-outline { border-color: var(--cls-accent); color: var(--cls-accent); border-radius: var(--cls-radius); } [data-design="classic"] .btn-outline:hover { background: var(--cls-accent); color: #fff; } [data-design="classic"] .project-card__btn { background: rgba(71,180,117,.1) !important; border-color: rgba(71,180,117,.3) !important; color: var(--cls-accent) !important; border-radius: var(--cls-radius) !important; } [data-design="classic"] .project-card__btn:hover { background: var(--cls-accent) !important; color: #fff !important; } /* ══════════════════════════════════════════════ FILTER PILLS ══════════════════════════════════════════════ */ [data-design="classic"] .filter-pill { background: var(--cls-surface); border-color: var(--cls-border); color: var(--cls-text); border-radius: var(--cls-radius); } [data-design="classic"] .filter-pill.active, [data-design="classic"] .filter-pill:hover { background: var(--cls-accent); border-color: var(--cls-accent); color: #fff; } /* ══════════════════════════════════════════════ PAGINATION ══════════════════════════════════════════════ */ [data-design="classic"] .projects-pagination .page-numbers { background: var(--cls-surface); border-color: var(--cls-border); color: var(--cls-text); border-radius: var(--cls-radius); } [data-design="classic"] .projects-pagination .page-numbers.current, [data-design="classic"] .projects-pagination .page-numbers:hover { background: var(--cls-accent); border-color: var(--cls-accent); color: #fff; } /* ══════════════════════════════════════════════ CTA BAND ══════════════════════════════════════════════ */ [data-design="classic"] .projects-cta-band { background: var(--cls-dark-mid); border-color: rgba(71,180,117,.2); } [data-design="classic"] .projects-cta-band__title { color: #fff !important; } [data-design="classic"] .projects-cta-band__desc { color: rgba(255,255,255,.7) !important; } /* ══════════════════════════════════════════════ FOOTER ══════════════════════════════════════════════ */ [data-design="classic"] .site-footer { background: var(--cls-dark); color: rgba(255,255,255,.75); border-top: 2px solid var(--cls-accent); } /* ══════════════════════════════════════════════ DARK MODE + CLASSIC combined ══════════════════════════════════════════════ */ [data-design="classic"][data-theme="dark"] { --cls-bg: #1a1a1a; --cls-bg-alt: #222; --cls-surface: #2a2a2a; --cls-border: #3a3a3a; --cls-text: #e8e8e8; --cls-muted: #999; --cls-heading: #fff; } /* ══════════════════════════════════════════════ IRAN MAP PLUGIN — Classic styling ══════════════════════════════════════════════ */ [data-design="classic"] #map-root-container { background: transparent; max-width: 100% !important; } [data-design="classic"] .imp-map-heading { text-align: center; color: #222; font-size: 1.2rem; margin-bottom: 1rem; } [data-design="classic"] .legend { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.25rem; padding: .75rem 1rem; background: #fff; border-radius: 6px; border: 1px solid #e0e0e0; } [data-design="classic"] .legend-item { display: flex; align-items: center; gap: .4rem; font-size: .875rem; color: #333; font-weight: 600; } [data-design="classic"] .legend-color { width: 12px; height: 12px; border-radius: 50%; display: inline-block; } [data-design="classic"] .map-container { position: relative; max-width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 16px rgba(0,0,0,.08); } [data-design="classic"] .map-img { width: 100%; height: auto; display: block; } [data-design="classic"] .pin { cursor: pointer; transition: transform .2s; } [data-design="classic"] .pin:hover { transform: scale(1.3); z-index: 10; } [data-design="classic"] .modal-content { border-radius: 10px; box-shadow: 0 8px 40px rgba(0,0,0,.25); } [data-design="classic"] .project-button { background: var(--cls-accent); color: #fff; border-radius: 4px; font-weight: 700; } [data-design="classic"] .project-button:hover { background: var(--cls-accent-dk); }