/* styles.css - Custom styling for UHS Advertorial Landing Page */

/* Google Fonts Imports */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;800;900&family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap');

/* Base Styles */
body {
  font-family: 'Inter', sans-serif;
  background-color: #FAF7F0; /* Off-white paper background */
  color: #1C1C1C; /* Ink color */
  overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FAF7F0;
}
::-webkit-scrollbar-thumb {
  background: #C8BFA9;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #A0967F;
}

/* Editorial Typography */
.font-editorial-title {
  font-family: 'Cinzel', serif;
}

.font-editorial-headline {
  font-family: 'Playfair Display', serif;
}

/* Traditional Newspaper Double Border */
.double-border {
  border-top: 4px double #1C1C1C;
  border-bottom: 4px double #1C1C1C;
}

.double-border-thin {
  border-top: 3px double #4A4A4A;
  border-bottom: 3px double #4A4A4A;
}

/* Newspaper Dropcap (Primeira letra grande) */
.dropcap::first-letter {
  font-family: 'Playfair Display', serif;
  font-weight: 900;
  font-size: 4.8rem;
  float: left;
  line-height: 0.8;
  margin-right: 8px;
  margin-top: 4px;
  color: #1C1C1C;
}

/* Paper texture overlay (subtle radial gradient) */
.paper-texture {
  background-image: 
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.4) 0%, rgba(250, 247, 240, 0) 100%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");
}

/* Vertical separator line between newspaper columns */
@media (min-width: 1024px) {
  .col-separator {
    border-left: 1px solid #D5CBB3;
    padding-left: 1.5rem;
  }
}

/* Micro-animations and hover effects */
.btn-premium {
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-premium::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s ease-out, height 0.6s ease-out;
}

.btn-premium:hover::before {
  width: 300%;
  height: 300%;
}

.btn-premium:active {
  transform: scale(0.98);
}

/* Modern inputs custom outlines */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #1C1C1C;
  box-shadow: 0 0 0 3px rgba(28, 28, 28, 0.1);
}

/* Media placeholder styling */
.media-placeholder {
  position: relative;
  background-color: #EFECE5;
  border: 1px solid #D5CBB3;
  transition: all 0.3s ease;
}

.media-placeholder:hover {
  background-color: #E8E4DB;
  border-color: #1C1C1C;
}

/* Traditional newspaper style ads */
.newspaper-ad {
  background-color: #FFFDF9;
  border: 2px dashed #4A4A4A;
}

/* Accessibility classes */
.visually-hidden {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}