/*
Theme Name: Photo Frame Studio Custom Theme
Theme URI: https://photofstudio.com/
Author: Zuli
Author URI: https://photofstudio.com/
Description: A custom, ultra-premium WordPress theme for Photo Frame Studio in Musaffah, Abu Dhabi. Features full photography, custom framing, typing, and printing service templates, alongside an AI Creative Director assistant page and 3D Mockup Generator.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: photo-frame-studio
Tags: photography, custom-framing, 3d-mockup, responsive-layout, dark-mode
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');

/* Base Font Overrides */
body {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  background-color: #f9f8f6;
  color: #333333;
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: "Cormorant Garamond", ui-serif, Georgia, Cambria, serif !important;
}

/* Custom Wooden Frame Style */
.wooden-frame {
  border: 12px solid #8B5A2B;
  border-image-source: url('https://images.unsplash.com/photo-1513511874-8aa7424b423c?auto=format&fit=crop&w=500&q=80');
  border-image-slice: 20;
  border-image-repeat: repeat;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), inset 0 2px 5px rgba(0, 0, 0, 0.5);
  background-color: white;
  padding: 10px;
}

/* Glass Reflection Overlay Effect */
.glass-effect {
  position: relative;
}

.glass-effect::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.0) 50%,
    rgba(255, 255, 255, 0.1) 100%
  );
  pointer-events: none;
}

/* Masonry Layout Grid rules */
.masonry-grid {
  column-count: 1;
  column-gap: 2rem;
}

@media (min-width: 640px) {
  .masonry-grid {
    column-count: 2;
  }
}

@media (min-width: 1024px) {
  .masonry-grid {
    column-count: 3;
  }
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 2rem;
}