/*
Theme Name: Ixzie Creations Functional Canva Site
Theme URI: https://ixziecreations.com/
Author: Ashley Adams
Description: Lightweight six-page WordPress theme with working custom nail request and contact forms, uploads, date picker, and FAQ accordions.
Version: 9.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ixzie-creations
*/

:root{--plum:#341342;--plum2:#531b72;--purple:#8d42c7;--lilac:#dba4f1;--pale:#eed2f7;--ink:#1a071f;--white:#fff;--gold:#ffe7a0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08020b;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ix-nav{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:1.15rem;padding:.72rem 1rem;background:#4a1764;box-shadow:0 4px 18px #0008}.ix-nav a{color:#e4c6ee;text-decoration:none;font-weight:700;font-size:.9rem}.ix-nav a:hover,.ix-nav a:focus,.ix-nav a[aria-current=page]{color:#fff}.ix-main{min-height:70vh}.archive-img{display:block;width:100%;max-width:1160px;height:auto;margin:auto}.ix-footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem 2rem;background:#050107;color:#dfb9ed;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.status{max-width:760px;margin:1rem auto;padding:1rem;border-radius:14px;background:#e9c1f4;color:#260b30;font-weight:700;text-align:center}.status.error{background:#ffd4dc;color:#690f25}
.custom-hero{display:block;width:100%;max-width:1160px;margin:auto}.form-wrap{max-width:1160px;margin:auto;padding:2rem 1rem 3rem;background:#050107}.form-title{text-align:center;margin:.25rem 0 2rem;color:#fff;font-size:clamp(2rem,5vw,4rem);font-weight:900;text-transform:uppercase;font-style:italic}.step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.step{padding:1.2rem;border:2px solid #8e52a8;border-radius:22px;background:#351844}.step.full{grid-column:1/-1}.step h2{display:flex;align-items:center;gap:.7rem;margin:0 0 .4rem;color:var(--lilac);font-size:1.35rem;text-transform:uppercase}.number{display:inline-grid;place-items:center;flex:0 0 2.6rem;height:2.6rem;border-radius:50%;background:#b56fe6;color:#17031e;font-size:1.3rem;font-weight:900;font-style:italic}.hint{margin:.2rem 0 1rem;color:#e9d8ee;font-size:.9rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.field-grid.five{grid-template-columns:2fr 1.3fr 1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:.35rem}.field label,.field legend{color:#fff;font-weight:700;font-size:.9rem}.required{color:#ff9fbe}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:.7rem;border:2px solid #dca3f0;border-radius:10px;background:#fff;color:#260b30}.field textarea{min-height:115px;resize:vertical}.field input[type=file]{padding:.55rem;background:#f5e6fa}.radio-row{display:flex;flex-wrap:wrap;gap:.55rem}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:block;padding:.58rem .8rem;border:2px solid #dca3f0;border-radius:12px;background:#351844;color:#fff;cursor:pointer;font-weight:700}.choice input:checked+label,.choice label:hover{background:#b76ce2;color:#1e0625}.consent{display:flex;align-items:flex-start;gap:.6rem;margin:1rem 0;color:#f2e4f6}.consent input{margin-top:.35rem}.submit-btn{width:100%;padding:1rem;border:0;border-radius:12px;background:#bd75e5;color:#18031f;font-weight:900;text-transform:uppercase;cursor:pointer}.submit-btn:hover,.submit-btn:focus{background:#e1b3f4}.guide{display:block;width:100%;max-width:1160px;height:auto;margin:auto;background:#fff}.file-note{color:#dbc8df;font-size:.78rem}.honeypot{position:absolute;left:-10000px}
.faq-page{padding:0 1rem 5rem;background:radial-gradient(circle at 50% 0,#741ca0 0,#260734 42%,#09010c 100%)}.faq-hero{display:block;width:100%;max-width:900px;height:auto;margin:0 auto 2rem}.faq-panel{width:min(780px,96%);margin:0 auto;padding:1.25rem;border:2px solid #9c55bb;border-radius:22px;background:#16051e;box-shadow:0 18px 45px #0008}.faq-panel h1{text-align:center;margin:.2rem 0 1rem;color:#e6a5ff;font-size:clamp(2.2rem,6vw,4.5rem);letter-spacing:.08em}.faq-item{margin:.75rem 0;border:1px solid #aa65c8;border-radius:12px;overflow:hidden;background:#321043}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;cursor:pointer;font-size:1rem;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-size:1.6rem}.faq-item[open] summary::after{content:'−'}.faq-answer{padding:0 1rem 1rem;color:#f1def7;font-size:1rem}.faq-contact{display:block;margin:1.2rem auto 0;padding:.8rem 1rem;border-radius:999px;background:#8a3db0;color:#fff;text-align:center;text-decoration:none;font-weight:800}
.contact-page{padding:2rem 1rem 5rem;background:radial-gradient(circle at 35% 10%,#7a219c 0,#2b0a39 45%,#09010c 100%)}.contact-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:stretch;gap:1.4rem;max-width:1100px;margin:0 auto}.contact-art{min-height:590px;border:2px solid #8f4eaa;border-radius:24px;background:#250832;overflow:hidden}.contact-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.contact-card{width:100%;margin:0;padding:1.35rem;border:3px solid #dca3f0;border-radius:24px;background:#2b0c39;box-shadow:0 16px 40px #0008}.contact-card h1{margin:0 0 1rem;color:#f4c4ff;text-transform:uppercase}.contact-fields{display:grid;gap:.75rem}.quick-help{width:min(1100px,100%);margin:2rem auto 0;padding:1.4rem;border:2px solid #dca3f0;border-radius:22px;background:#230a30}.quick-help h2{text-align:center;font-size:clamp(1.7rem,4vw,2.7rem)}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.help-box{padding:1rem;border:1px solid #dca3f0;border-radius:14px;background:#351344}.help-box h3{margin:.1rem 0 .45rem;color:#e4b2f4}.help-box p{margin:0;color:#f0e1f4;font-size:.95rem}
.charms-page{position:relative;isolation:isolate;min-height:1500px;padding:4rem 1rem 6rem;background:#17051f url('assets/images/key-chains.webp') top center/cover no-repeat}.charms-page::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#16041dd9,#16041df2 38%,#08010af7)}.charms-content{width:min(1000px,96%);margin:0 auto}.charms-content h1{text-align:center;margin:0 0 .5rem;color:#f0c3ff;font-size:clamp(2.4rem,7vw,5.5rem);font-style:italic;text-transform:uppercase;text-shadow:0 4px 18px #000}.charms-tagline{text-align:center;margin:0 0 2.5rem;color:#fff;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:800}.charms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.charm-card{padding:1.5rem;border:2px solid #d894ef;border-radius:22px;background:#371246f5;box-shadow:0 12px 32px #0007}.charm-card h2{margin:0 0 .8rem;color:#f1c8ff;font-size:1.45rem;text-transform:uppercase}.charm-card p,.charm-card li{font-size:1.05rem;line-height:1.65}.charm-card ul{padding-left:1.25rem}.charm-card strong{color:#ffe5a0}.charm-card.full{grid-column:1/-1}.charms-cta{display:inline-block;margin-top:.7rem;padding:.8rem 1.1rem;border-radius:999px;background:#be72e5;color:#210629;text-decoration:none;font-weight:900}
@media(max-width:780px){.ix-nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap}.ix-nav a{font-size:.8rem}.step-grid,.field-grid,.field-grid.five,.help-grid,.charms-grid,.contact-layout{grid-template-columns:1fr}.step.full,.charm-card.full{grid-column:auto}.contact-art{min-height:420px}.ix-footer{flex-direction:column;text-align:center}.archive-img{width:100%}.charms-page{min-height:auto;background-size:auto 900px}}

/* Locked Canva artwork pages: full 1159 × 2048 composition with functional overlays. */
.art-canvas{container-type:inline-size;position:relative;width:min(100%,1159px);aspect-ratio:1159/2048;margin:0 auto;overflow:hidden;background:#1a0622}.art-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.art-nav{position:absolute;inset:0 0 auto 0;height:2.45%;z-index:50}.art-nav a{position:absolute;top:0;height:100%;border-radius:4px}.art-nav a:focus{outline:2px solid #fff;outline-offset:-3px;background:#fff2}.art-nav-home{left:46.1%;width:5.7%}.art-nav-custom-nails{left:52.6%;width:12.4%}.art-nav-key-chains{left:65.5%;width:10%}.art-nav-about{left:76%;width:7%}.art-nav-contact-us{left:83.7%;width:10.8%}.art-nav-faq{left:94.6%;width:5.4%}

.kc-block{position:absolute;z-index:3;padding:1.2cqw;border:.28cqw solid #a23cce;border-radius:1.1cqw;background:#5a2079f5;color:#fff;box-shadow:0 .7cqw 1.6cqw #16001f88;transition:transform .18s ease}.kc-block h2{margin:-4.2cqw 0 1.1cqw;color:#fff;font-size:clamp(13px,2.15cqw,25px);line-height:1.1;text-transform:uppercase;text-shadow:0 .2cqw .4cqw #000}.kc-block p{margin:0 0 .75cqw;font-size:clamp(9px,.94cqw,12px);line-height:1.42;font-weight:700}.kc-block strong{color:#fff}.kc-block:hover,.kc-block:focus{z-index:20;transform:scale(1.16);outline:2px solid #f0bdff}.kc-start{left:2.5%;top:12.1%;width:34.5%;min-height:9.8%;transform-origin:top left}.kc-free{left:45.7%;top:12.1%;width:51.8%;min-height:10.3%;text-align:center;transform-origin:top right}.kc-what{left:64%;top:23.1%;width:29.5%;min-height:5.6%;text-align:center;transform-origin:top right}.kc-mystery{left:2.2%;top:33%;width:40.5%;min-height:14%;transform-origin:top left}.kc-what h2{margin:-4cqw 0 .8cqw}.kc-mystery h2{margin:-4.1cqw 0 1cqw}

.faq-art-title{position:absolute;z-index:2;left:39%;top:3.3%;width:23%;margin:0;color:#e8a3ff;font-size:clamp(28px,6cqw,70px);line-height:1;text-align:center;letter-spacing:.12em;text-shadow:.2cqw .25cqw 0 #4c0b65}.faq-art-list{position:absolute;z-index:5;left:25.2%;top:21%;width:49.8%;display:grid;gap:2.15cqw}.faq-art-list .faq-item{position:relative;margin:0;border:.18cqw solid #b776d1;border-radius:1.1cqw;background:#351044;overflow:visible;box-shadow:0 .45cqw 1cqw #16001f66}.faq-art-list .faq-item summary{height:5.75cqw;min-height:42px;padding:0 1.35cqw;font-size:clamp(11px,1.28cqw,15px);line-height:1.15}.faq-art-list .faq-answer{position:absolute;left:0;top:calc(100% + .35cqw);z-index:30;width:100%;max-height:18cqw;padding:1.2cqw;border:.18cqw solid #cf8ee7;border-radius:1cqw;background:#21082df7;color:#fff;font-size:clamp(12px,1.12cqw,14px);line-height:1.45;overflow:auto;box-shadow:0 1cqw 2.4cqw #000b}.faq-art-copy{position:absolute;z-index:3;left:43%;top:68%;width:48%;padding:1.1cqw;text-align:center;color:#f4d7ff;text-shadow:0 .18cqw .35cqw #000}.faq-art-copy h2{margin:0;color:#f1adff;font-size:clamp(20px,3.6cqw,42px);line-height:1;text-transform:uppercase}.faq-art-copy p{margin:.8cqw auto;font-size:clamp(11px,1.35cqw,16px);font-weight:700}.faq-art-copy a{display:inline-block;padding:.7cqw 1.5cqw;border-radius:999px;background:#6f2596;color:#fff;font-size:clamp(11px,1.25cqw,15px);font-weight:800;text-decoration:none}

.contact-art-title{position:absolute;z-index:3;left:74.7%;top:6.1%;width:23.5%;text-align:center;color:#fff;text-shadow:0 .15cqw .4cqw #000}.contact-art-title h1{margin:0;color:#ffe0a3;font-size:clamp(22px,4cqw,47px);line-height:.75;text-transform:uppercase}.contact-art-title h1 span{display:block;color:#fff;font-size:1.1em}.contact-art-title p{font-size:clamp(8px,.95cqw,12px);line-height:1.25;font-weight:800}.contact-card.art-form{position:absolute;z-index:7;left:74.7%;top:15.2%;width:24%;margin:0;padding:.9cqw;border:.28cqw solid #dda8ee;border-radius:1.2cqw;background:#2a0b38f8;box-shadow:0 .8cqw 1.8cqw #0008;transition:transform .18s ease;transform-origin:top right}.contact-card.art-form:focus-within{z-index:30;transform:scale(1.12)}.art-form h1{margin:0 0 .6cqw;font-size:clamp(10px,1.55cqw,18px)}.art-form .contact-fields{gap:.35cqw}.art-form .field{gap:.1cqw}.art-form .field label{font-size:clamp(7px,.64cqw,9px)}.art-form .field input,.art-form .field select,.art-form .field textarea{min-height:2.35cqw;padding:.35cqw;border-width:.16cqw;border-radius:.55cqw;font-size:clamp(8px,.72cqw,10px)}.art-form .field textarea{height:5.3cqw;min-height:36px}.art-form .submit-btn{padding:.45cqw;border-radius:.55cqw;font-size:clamp(8px,.75cqw,10px)}.art-form .hint{margin:.45cqw 0 0;font-size:clamp(7px,.62cqw,9px);line-height:1.2;text-align:center}.quick-help.art-help{position:absolute;z-index:4;left:1.8%;top:34.8%;width:94.5%;margin:0;padding:0;border:0;background:transparent}.art-help h2{margin:0 0 1.1cqw;color:#fff;font-size:clamp(20px,4.8cqw,56px);line-height:1;text-shadow:0 .25cqw .5cqw #000}.art-help .help-grid{gap:2.5cqw}.art-help .help-box{min-height:10.2cqw;padding:1.7cqw 1.1cqw;border:.28cqw solid #e3b3f1;border-radius:2.6cqw;background:#2a0c39c9;text-align:center}.art-help .help-box h3{margin:.2cqw 0 .7cqw;color:#fff;font-size:clamp(10px,1.55cqw,18px);line-height:1.1;text-transform:uppercase}.art-help .help-box p{font-size:clamp(8px,1cqw,12px);line-height:1.35;font-weight:700}.before-message,.other-reach{position:absolute;z-index:4;padding:1.35cqw;border:.25cqw solid #e4b2f1;border-radius:2.2cqw;background:#2a0b38df;color:#fff}.before-message{left:55.5%;top:66.5%;width:42.8%}.other-reach{left:55.5%;top:82.2%;width:42.8%}.before-message h2,.other-reach h2{margin:0 0 .6cqw;font-size:clamp(12px,2.1cqw,25px);line-height:1.05;text-transform:uppercase}.before-message p,.other-reach p{margin:.5cqw 0;font-size:clamp(8px,.95cqw,12px);line-height:1.3}.before-message a{display:block;margin:.45cqw 0;padding:.45cqw .75cqw;border-radius:.65cqw;background:#d898ed;color:#1d0825;font-size:clamp(8px,1cqw,12px);font-weight:900;text-decoration:none;text-transform:uppercase}.other-reach a{color:#f1c5ff}

@media(max-width:620px){.kc-block:hover,.kc-block:focus{transform:scale(1.28)}.faq-art-list{gap:1.5cqw}.faq-art-list .faq-item summary{min-height:28px}.contact-card.art-form:focus-within{transform:scale(1.35)}.art-help .help-grid{grid-template-columns:repeat(3,1fr)}.art-help .help-box{padding:1cqw .65cqw}}

.contact-card.art-form{height:18%}

/* Artwork-preserving refinements */
.kc-start{left:2.4%;top:23.3%;width:34.5%;min-height:9.7%}
.kc-free{left:67.7%;top:23.2%;width:29.8%;min-height:10.2%}
.kc-what{left:64%;top:57.1%;width:29.7%;min-height:5.8%}
.kc-mystery{left:2.1%;top:69.8%;width:40.5%;min-height:14.2%}
.kc-block:hover,.kc-block:focus{z-index:3;transform:none;outline:0}
.nail-choice-guide{display:block;width:100%;height:auto;margin:.65rem 0 1rem;border:2px solid #8e52a8;border-radius:14px;background:#16051d;image-rendering:auto}

/* Proportional tablet layout for the custom request form. */
@media (min-width:621px) and (max-width:900px){
  .step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .step.full{grid-column:1/-1}
  .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field-grid.five{grid-template-columns:2fr 1.3fr 1fr 1fr 1fr}
}

/* Keep every overlay proportional to the locked Canva canvas on phones/tablets. */
@media (max-width:900px){
  .kc-block h2{font-size:2.15cqw}
  .kc-block p{font-size:.94cqw;line-height:1.42}

  .faq-art-title{font-size:6cqw}
  .faq-art-list .faq-item summary{height:5.75cqw;min-height:0;font-size:1.28cqw}
  .faq-art-list .faq-answer{font-size:1.12cqw}
  .faq-art-copy h2{font-size:3.6cqw}
  .faq-art-copy p{font-size:1.35cqw}
  .faq-art-copy a{font-size:1.25cqw}

  .contact-art-title h1{font-size:4cqw}
  .contact-art-title p{font-size:.95cqw}
  .contact-card.art-form{height:18%;overflow:visible}
  .contact-card.art-form:focus-within{transform:none}
  .art-form h1{font-size:1.55cqw}
  .art-form .field label{font-size:.64cqw}
  .art-form .field input,.art-form .field select{height:2.35cqw;min-height:0;padding:.35cqw;font-size:.72cqw}
  .art-form .field textarea{height:5.3cqw;min-height:0;padding:.35cqw;font-size:.72cqw}
  .art-form .submit-btn{padding:.45cqw;font-size:.75cqw;line-height:1.2}
  .art-form .hint{font-size:.62cqw}
  .art-help h2{font-size:4.8cqw;white-space:nowrap}
  .art-help .help-box h3{font-size:1.55cqw}
  .art-help .help-box p{font-size:1cqw}
  .before-message h2,.other-reach h2{font-size:2.1cqw}
  .before-message p,.other-reach p{font-size:.95cqw}
  .before-message a{font-size:1cqw}
}

@media (max-width:620px){
  .art-canvas{width:100%;max-width:none}
  .form-wrap{padding:1rem .7rem 2rem}
  .step{padding:1rem;border-radius:16px}
  .step-grid,.field-grid,.field-grid.five{grid-template-columns:1fr}
  .step.full{grid-column:auto}
  .nail-choice-guide{margin:.5rem 0 .8rem;border-radius:10px}
}