/*
Theme Name: Dr. Rehan Dental - IDI Edition
Theme URI: https://identalinca.com/
Author: Studio Dental Luxury
Description: Exact 1:1 architectural reproduction of identalinca.com tailored for Dr. Rehan Mirza (BDS, MDS).
Version: 3.0.0
Text Domain: dr-rehan-idi
*/

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

:root {
  --idi-bg: #FAF8F5;
  --idi-sand: #F2EFE9;
  --idi-dark: #182822;
  --idi-green: #1E382B;
  --idi-gold: #C5A059;
  --idi-muted: #7E9287;
  --idi-border: rgba(24, 40, 34, 0.08);
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--idi-bg);
  color: var(--idi-dark);
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
}

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

/* IDI Interactive Text Hover (Hover Reveal Image Tag) */
.idi-hover-tag {
  position: relative;
  display: inline-block;
  color: var(--idi-gold);
  font-style: italic;
  cursor: pointer;
  border-bottom: 1.5px solid var(--idi-gold);
  transition: all 0.25s ease;
}

.idi-hover-tag:hover {
  color: var(--idi-dark);
  border-bottom-color: var(--idi-dark);
}

.idi-cursor-img {
  position: fixed;
  pointer-events: none;
  width: 290px;
  height: 190px;
  border-radius: 14px;
  object-fit: cover;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85);
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 9999;
  box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.3);
  border: 3px solid #FFFFFF;
}

/* IDI Fullscreen Curtain Navigation */
.idi-curtain {
  position: fixed;
  inset: 0;
  background: #182822;
  z-index: 100;
  transform: translateY(-100%);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.idi-curtain.active {
  transform: translateY(0);
}

/* IDI Slide-In Drawer */
.idi-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(6px);
  z-index: 110;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.idi-drawer-backdrop.active {
  opacity: 1;
  pointer-events: auto;
}

.idi-drawer-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 520px;
  background: #FFFFFF;
  transform: translateX(100%);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.idi-drawer-backdrop.active .idi-drawer-panel {
  transform: translateX(0);
}