/*
Theme Name:   My Custom Theme
Theme URI:    https://yoursite.com
Author:       AI Theme Converter
Description:  WordPress theme faithfully converted from AI-generated HTML. All original content, styles, and assets are preserved.
Version:      1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License:      GNU General Public License v2 or later
Text Domain:  my-custom-theme
*/

/* ════════════════════════════════════════════
   ORIGINAL PROJECT STYLES — ALL PRESERVED
   ════════════════════════════════════════════ */
/* Your CSS will appear here */

/* ════════════════════════════════════════════
   HOVER & INTERACTION STATES
   ════════════════════════════════════════════ */

/* ════ Hover & Transition States (preserved) ════ */
a,button,.btn,[class*="btn"],[class*="button"],input[type="submit"]{transition:all .25s ease;}
button:hover,.btn:hover,[class*="btn"]:hover,input[type="submit"]:hover{filter:brightness(1.08);transform:translateY(-1px);}
button:active,.btn:active{transform:scale(.97);}
.card:hover,[class*="card"]:hover{transform:translateY(-3px);transition:transform .25s ease,box-shadow .25s ease;}
nav a{transition:color .2s,opacity .2s;} nav a:hover{opacity:.75;}
img{transition:opacity .2s,transform .3s;} a img:hover{opacity:.88;}
input:focus,textarea:focus,select:focus{outline:2px solid var(--wp-primary,#7c6dfa);outline-offset:2px;}
[class*="social"]:hover{transform:scale(1.15);}


/* ════════════════════════════════════════════
   ANIMATIONS
   ════════════════════════════════════════════ */

/* ════ Animations & Keyframes (preserved) ════ */
@keyframes fadeIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
[data-reveal].revealed{opacity:1;transform:translateY(0);}


/* ════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ════════════════════════════════════════════ */

/* ════ Responsive Breakpoints (preserved) ════ */
@media(max-width:1280px){.container,[class*="container"]{max-width:100%;padding:0 2rem;}}
@media(max-width:1024px){[class*="grid-3"],[class*="col-3"],[class*="columns-3"]{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:768px){
  body{font-size:15px;}
  h1{font-size:clamp(1.6rem,5vw,2.5rem)!important;}
  h2{font-size:clamp(1.3rem,4vw,2rem)!important;}
  nav,header nav{flex-direction:column;gap:8px;}
  [class*="grid"]:not([class*="grid-1"]),[class*="flex-row"]{flex-direction:column!important;grid-template-columns:1fr!important;}
  section,[class*="section"]{padding:3rem 1rem!important;}
  [class*="hero"]{padding:4rem 1rem!important;min-height:auto!important;}
}
@media(max-width:480px){.container,[class*="container"]{padding:0 1rem;}}


/* ════════════════════════════════════════════
   WORDPRESS COMPATIBILITY
   ════════════════════════════════════════════ */
img{max-width:100%;height:auto;}
.wp-block-image img{max-width:100%;height:auto;display:block;}
.alignnone,.aligncenter,.alignleft,.alignright{max-width:100%;}
.site-main{min-height:60vh;}
.screen-reader-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* ════════════════════════════════════════════
   CSS VARIABLES (Customizer-driven)
   ════════════════════════════════════════════ */
:root{
  --wp-primary:#7c6dfa;
  --wp-secondary:#4ecca3;
  --wp-accent:#fa6d7c;
  --wp-text:#1a1a2e;
  --wp-bg:#ffffff;
  --wp-header-bg:#ffffff;
  --wp-footer-bg:#1a1a2e;
  --wp-container:1200px;
  --wp-radius:8px;
  --wp-font-size:16px;
}