/*
Theme Name: Soulsea Psychic
Theme URI: https://example.com/soulsea-psychic
Author: Bilal Nonari
Description: A purple editorial psychic medium theme recreated from the supplied page references. Designed for Blocksy Companion Pro and Stackable Premium.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: soulsea-psychic
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto+Condensed:wght@400;500;700&display=swap');
:root{--bg:#100b24;--deep:#17102c;--panel:#2a1250;--violet:#6c2bad;--purple:#8d43cf;--lav:#d7aaff;--gold:#f7d644;--cream:#fffdfc;--ink:#211635;--muted:#e8dff4;--line:rgba(229,180,255,.26);--shadow:0 8px 28px rgba(0,0,0,.45);--radius:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:'Roboto Condensed',Arial,sans-serif;font-size:16px;line-height:1.45;background-image:radial-gradient(ellipse at 70% 4%,rgba(130,39,192,.44),transparent 32%),radial-gradient(ellipse at 10% 42%,rgba(45,23,91,.78),transparent 35%),linear-gradient(135deg,#120c25 0 20%,#34104b 21% 23%,#130d28 24% 40%,#4c185e 41% 44%,#140b2b 45% 61%,#3c164f 62% 65%,#130b26 66% 100%);background-attachment:fixed}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1120px,calc(100% - 34px));margin-inline:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.site-header{background:linear-gradient(180deg,rgba(80,24,119,.96),rgba(29,10,63,.96));border-bottom:1px solid rgba(255,255,255,.09)}.head-top{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;font-size:clamp(24px,3vw,42px);letter-spacing:.05em;text-shadow:0 0 15px #c77dff}.brand strong{color:var(--gold);font-weight:600}.brand small{display:block;font-family:'Roboto Condensed';font-size:12px;letter-spacing:.4em;text-align:center;color:#e3caf5}.hotline{padding:13px 24px;background:rgba(66,18,103,.72);text-align:right;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em}.hotline b{font-size:22px;color:#f0d6ff}.hotline span{display:block;color:var(--gold);font-size:13px}.nav-bar{background:rgba(35,10,70,.94);box-shadow:0 3px 14px rgba(0,0,0,.28)}.nav-bar .wrap{display:flex;justify-content:center}.nav-menu,.nav-menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch}.nav-menu a{display:block;padding:14px 18px;font-family:Oswald,Arial,sans-serif;font-weight:600;font-size:14px;border-right:1px solid rgba(255,255,255,.06);text-transform:capitalize}.nav-menu a:hover,.nav-menu .current-menu-item>a{background:#6a259c;color:var(--gold)}.mobile-toggle{display:none}.hero-strip{padding:28px 0 22px}.hero-strip .wrap{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:30px}.hero-title{font:600 clamp(26px,3vw,42px)/1.1 Oswald,Arial,sans-serif;margin:0 0 14px;color:#fff;text-shadow:0 0 12px #c06cff}.hero-copy{max-width:620px;color:#f5eafc}.portrait-frame{justify-self:end;background:#fff;padding:11px;box-shadow:var(--shadow);border-radius:3px;width:250px}.portrait-frame img{display:block;width:100%;height:310px;object-fit:cover;object-position:top}.badge-row{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin:14px 0}.badge{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--gold);font-weight:700;font-size:14px;text-align:center}.icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 30%,#bf72ff,#6c23b4 62%,#33105f);border:3px solid #c47aff;box-shadow:0 0 0 5px rgba(106,37,173,.6),0 0 20px #9c4fea;color:var(--gold);font-size:34px}.feature-buttons{display:flex;gap:6px;margin-top:20px}.feature-buttons a{background:linear-gradient(135deg,#6b2ab5,#b45bd9);padding:8px 18px;font:600 15px Oswald;text-align:center}.feature-buttons span{display:block;font:400 11px 'Roboto Condensed';color:#fff}.page-shell{padding:20px 0 50px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px;align-items:start}.content-panel{background:var(--cream);color:var(--ink);padding:28px;box-shadow:var(--shadow);border-radius:var(--radius)}.content-panel h1,.content-panel h2,.content-panel h3{font-family:Oswald,Arial,sans-serif;color:#571d92}.content-panel h1{margin:0 0 24px;font-size:clamp(28px,4vw,44px);line-height:1}.content-panel h2{font-size:27px;margin:0 0 14px}.content-panel p{margin:0 0 16px}.section-title{background:linear-gradient(90deg,#6d25a9,#b875e1,#6d25a9);color:#fff;padding:9px 14px;font:600 23px Oswald;margin:26px 0 16px}.service-band{background:linear-gradient(135deg,#fdfbff,#e7cdf5);border:1px solid #bd7be2;color:var(--ink);padding:22px;margin:20px 0;box-shadow:0 4px 13px rgba(0,0,0,.26)}.service-band h3{margin:0 0 8px;color:#62229b;font-size:24px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:18px 0 26px}.service-grid .badge{color:#6a2c9d;font-size:14px}.service-grid .icon{width:62px;height:62px;font-size:27px}.service-card{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;background:#fff;color:var(--ink);padding:22px;margin:20px 0;box-shadow:0 0 0 6px rgba(101,34,159,.32),var(--shadow)}.service-card .icon{width:58px;height:58px;font-size:25px}.service-card h3{margin:0;color:#631e9a;font:700 21px Oswald}.service-card p{margin:4px 0 12px}.button{display:inline-block;background:#6b24a9;color:#fff;padding:9px 15px;font-family:Oswald;font-weight:600}.button:hover{background:#9a48ce;color:#fff}.side-card{background:rgba(56,18,89,.86);padding:12px;margin-bottom:20px;box-shadow:var(--shadow)}.side-title{background:#4f1c83;padding:9px 12px;font:600 18px Oswald}.side-card p{color:#eadbf5}.side-links a{display:block;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.13);font-family:Oswald}.side-links a:hover{color:var(--gold);background:rgba(123,42,173,.45)}.quote{background:rgba(45,19,76,.82);padding:30px;margin:28px 0;color:#f4e9ff;font-style:italic;font-weight:700}.form-field{margin:14px 0}.form-field label{display:block;font-family:Oswald;color:#641e9f;margin-bottom:5px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:11px;border:1px solid #c9a8dd;background:#fff;font:inherit}.form-field textarea{min-height:150px}.footer{background:rgba(20,8,42,.94);padding:35px 0 18px;border-top:1px solid rgba(232,176,255,.22)}.footer-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.footer h3{font:600 20px Oswald;color:#fff;margin:0 0 12px}.footer a,.footer p{display:block;color:#e6d4f2;font-size:14px;margin:5px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;color:#c9b9d5;font-size:13px}.wp-block-button__link{background:#6b24a9!important}.wp-block-image img{border:5px solid rgba(116,39,175,.42)}@media(max-width:850px){.head-top{min-height:105px}.nav-bar .wrap{justify-content:flex-end}.mobile-toggle{display:block;background:none;border:0;color:#fff;padding:12px;font-family:Oswald}.nav-menu{display:none;flex-direction:column;width:100%}.nav-menu.is-open{display:flex}.nav-bar .wrap{flex-wrap:wrap}.content-grid,.hero-strip .wrap{grid-template-columns:1fr}.portrait-frame{justify-self:start;width:220px}.footer-cols{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{width:calc(100% - 24px)}.head-top{align-items:flex-start;flex-direction:column;padding:20px 0}.hotline{text-align:left;width:100%}.content-panel{padding:18px}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card{grid-template-columns:52px 1fr;gap:12px}.service-card .button{grid-column:2}.footer-cols{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}