/*
Theme Name: Oscar Spa Masaj Salonu
Theme URI: https://www.oscarspamasaj.com
Author: Oscar Spa
Author URI: https://www.oscarspamasaj.com
Description: Oscar Spa Hamam Masaj Salonu - Bornova İzmir. Profesyonel masöz vitrin teması. SEO uyumlu, Schema markup, responsive tasarım.
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: oscar-spa
Tags: one-column, custom-menu, featured-images, translation-ready
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4
*/

/* ===== RESET & BASE ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(160deg,#0a0a14 0%,#0f1128 30%,#0d0d1f 60%,#080810 100%);background-attachment:fixed;color:#e0dce8;line-height:1.6;overflow-x:hidden;min-height:100vh}
a{text-decoration:none;color:inherit}

/* ===== HEADER ===== */
.header{background:linear-gradient(135deg,#1a0a10 0%,#1e1030 40%,#12081e 70%,#0a0612 100%);padding:20px 15px;text-align:center;position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px rgba(0,0,0,0.4),0 2px 15px rgba(0,0,0,0.5);border-bottom:1px solid rgba(212,175,55,0.15)}
.header h1{font-size:1.5rem;color:#f0d060;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;text-shadow:0 0 25px rgba(240,208,96,0.3),0 0 50px rgba(212,175,55,0.1)}
.header p{font-size:0.85rem;color:#a8a0b8;letter-spacing:0.5px}
.header-badge{display:inline-block;background:linear-gradient(135deg,#f5c518,#d4af37,#b8960c);color:#1a1a2e;font-size:0.65rem;padding:3px 12px;border-radius:20px;margin-top:6px;font-weight:700;letter-spacing:1px;box-shadow:0 2px 10px rgba(212,175,55,0.4)}

/* ===== SEARCH BAR ===== */
.search-section{padding:15px;background:rgba(10,8,18,0.9);backdrop-filter:blur(10px);position:sticky;top:85px;z-index:999;border-bottom:1px solid rgba(212,175,55,0.1)}
.search-wrapper{max-width:600px;margin:0 auto;position:relative}
.search-input{width:100%;padding:12px 20px 12px 45px;border:2px solid rgba(212,175,55,0.2);border-radius:50px;background:rgba(15,12,25,0.8);color:#fff;font-size:0.95rem;outline:none;transition:border-color 0.3s,box-shadow 0.3s}
.search-input:focus{border-color:#d4af37;box-shadow:0 0 15px rgba(212,175,55,0.2)}
.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8a8098;font-size:1.1rem}
.search-count{text-align:center;margin-top:8px;font-size:0.8rem;color:#8a8098}

/* ===== VITRIN / SHOWCASE ===== */
.showcase{padding:15px;max-width:1200px;margin:0 auto}
.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}

/* ===== CARD ===== */
.card{background:linear-gradient(145deg,#141020,#18122a,#1c1432);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 20px rgba(212,175,55,0.03);transition:transform 0.3s,box-shadow 0.3s;border:1px solid rgba(212,175,55,0.1)}
.card:hover{transform:translateY(-5px);box-shadow:0 15px 45px rgba(212,175,55,0.1),0 0 30px rgba(236,72,153,0.06)}
.card-name{padding:12px 16px;text-align:center;font-size:1.1rem;font-weight:700;color:#f0d060;letter-spacing:0.5px;border-bottom:1px solid rgba(212,175,55,0.15);background:rgba(0,0,0,0.3)}

/* Card Slider */
.card-slider{width:100%;height:350px;position:relative;overflow:hidden;background:#0a0514}
.card-slider .slides{display:flex;height:100%;transition:transform 0.5s ease}
.card-slider .slides img{width:100%;height:350px;min-height:350px;object-fit:cover;flex-shrink:0;display:block}
.card-slider .slide-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.card-slider .slide-dots .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:background 0.3s}
.card-slider .slide-dots .dot.active{background:#f5c518}
.card-slider .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#2d1a4a;font-size:3rem}

/* Card Body */
.card-body{padding:16px}
.card-services{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.service-tag{background:rgba(236,72,153,0.1);color:#f472b6;padding:4px 12px;border-radius:20px;font-size:0.75rem;border:1px solid rgba(236,72,153,0.2);white-space:nowrap}

/* Card Buttons */
.card-buttons{display:flex;gap:10px}
.btn{flex:1;padding:11px 10px;border-radius:12px;text-align:center;font-size:0.85rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all 0.3s;cursor:pointer;border:none;letter-spacing:0.3px}
.btn-call{background:linear-gradient(135deg,#8b5cf6,#6d28d9,#5b21b6);color:#fff}
.btn-call:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 20px rgba(139,92,246,0.5);color:#fff}
.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}
.btn-whatsapp:hover{background:linear-gradient(135deg,#2ee672,#15a08e);box-shadow:0 4px 15px rgba(37,211,102,0.4);color:#fff}
.btn svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}

/* ===== NO RESULTS ===== */
.no-results{display:none;text-align:center;padding:60px 20px;color:#8a8098}
.no-results.visible{display:block}
.no-results svg{width:60px;height:60px;fill:#2a2040;margin-bottom:15px}
.no-results p{font-size:1.1rem}
.no-masoz{text-align:center;padding:80px 20px;color:#6a5e80}
.no-masoz p{font-size:1.1rem}

/* ===== FOOTER ===== */
.footer{background:linear-gradient(135deg,#0e0810,#100c1a,#0c0a14);padding:30px 15px;text-align:center;margin-top:30px;border-top:1px solid rgba(20,184,166,0.15)}
.footer-brand{font-size:1.2rem;color:#5eead4;font-weight:700;margin-bottom:6px}
.footer-address{font-size:0.85rem;color:#8a8098;margin-bottom:12px;line-height:1.5;font-style:normal}
.footer-links{display:flex;justify-content:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}
.footer-link{background:rgba(20,184,166,0.08);color:#5eead4;padding:8px 20px;border-radius:25px;font-size:0.8rem;border:1px solid rgba(20,184,166,0.2);transition:all 0.3s}
.footer-link:hover{background:rgba(20,184,166,0.15);color:#99f6e4;box-shadow:0 2px 12px rgba(20,184,166,0.2)}
.footer-copy{font-size:0.75rem;color:#4a4060}

/* ===== FLOATING WHATSAPP ===== */
.float-wa{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.5);z-index:9999;animation:pulse-wa 2s infinite}
.float-wa svg{width:30px;height:30px;fill:#fff}
@keyframes pulse-wa{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.5)}50%{box-shadow:0 4px 30px rgba(37,211,102,0.8)}}

/* ===== SEO TEXT ===== */
.seo-text{padding:20px 15px;max-width:1200px;margin:0 auto}
.seo-text h2{font-size:1.2rem;color:#f0d060;margin-bottom:10px}
.seo-text p{font-size:0.85rem;color:#6a5e80;line-height:1.8;margin-bottom:12px}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
    .header h1{font-size:1.2rem}
    .showcase-grid{grid-template-columns:1fr}
    .card-slider{height:350px}
    .card-slider .slides img{height:350px;min-height:350px}
    .search-section{top:75px}
}
@media(min-width:769px) and (max-width:1024px){
    .showcase-grid{grid-template-columns:repeat(2,1fr)}
}