/*
Theme Name: NoorSitara Minimalist Luxury
Theme URI: https://noorsitara.com/
Author: NoorSitara Atelier
Author URI: https://noorsitara.com/
Description: Bespoke Minimalist Luxury WordPress theme for NoorSitara Riyadh Atelier. Featuring modular ACF Widget Blocks, CPT UI Products, Contact Form 7 integration, and native English/Arabic RTL support.
Version: 3.7.7
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: noorsitara
Domain Path: /languages
*/

@layer base {
  html, body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    background-color: #F7F6F3;
    color: #111111;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  h1, h2, h3, .font-serif {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #111111;
  }

  p {
    line-height: 1.65;
    color: #2F3437;
  }
}

/* Subtle Scroll Reveal */
.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
.reveal.active {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Custom minimal scrollbar */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: #F7F6F3;
}
::-webkit-scrollbar-thumb {
  background: #EAEAEA;
}
::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}

/* CF7 Custom Overrides to match theme aesthetics */
.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.wpcf7-not-valid-tip {
  font-size: 11px;
  color: #dc2626;
  margin-top: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.wpcf7 form .wpcf7-response-output {
  margin: 1.5em 0 0 0;
  padding: 12px 16px;
  border-radius: 2px;
  font-size: 13px;
  border: 1px solid #111;
}
.wpcf7 form.sent .wpcf7-response-output {
  background-color: #f0fdf4;
  border-color: #16a34a;
  color: #166534;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
  background-color: #fef2f2;
  border-color: #dc2626;
  color: #991b1b;
}

/* WordPress Admin Bar Compatibility for Fixed Header */
.admin-bar header {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  .admin-bar header {
    top: 46px !important;
  }
}