/*
Theme Name: Soltitude Native Editor
Theme URI: https://soltitude.com
Description: Soltitude design adapted for individual WordPress pages and native editor content.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: soltitude-native
*/

  body{background-color:#F6F4F1;background-image:radial-gradient(#C9C6C2 1px,transparent 1px);background-size:24px 24px;color:#4A4745;font-family:Inter,system-ui,sans-serif;line-height:1.65}
  h1,h2,h3,h4{font-family:"Patrick Hand",cursive;color:#1F1E1D;line-height:1.15}
  .sk-hand{font-family:Caveat,cursive}

  /* Hand-drawn card: add class "sk-card" to a Container */
  .sk-card{background:#fff;border:2.5px solid #1F1E1D;border-radius:14px 22px 16px 24px / 22px 14px 24px 16px;box-shadow:5px 5px 0 #1F1E1D;transition:transform .15s ease,box-shadow .15s ease}
  .sk-card:hover{transform:translate(-2px,-2px) rotate(-.4deg);box-shadow:8px 8px 0 #1F1E1D}
  .sk-card-flat:hover{transform:none;box-shadow:5px 5px 0 #1F1E1D}

  /* Sticky notes: add "sk-sticky" (+ optionally sk-sticky-red) */
  .sk-sticky{background:#ECEAE7;border:2px solid #1F1E1D;border-radius:4px 14px 6px 12px;box-shadow:4px 4px 0 #1F1E1D;padding:1.25rem;transform:rotate(-1.5deg)}
  .sk-sticky:nth-child(even){transform:rotate(1.5deg)}
  .sk-sticky-red{background:#F6DADD}

  /* Buttons: add to the Button widget's CSS Classes */
  .sk-btn .elementor-button,.sk-btn{font-family:"Patrick Hand",cursive;font-size:1.15rem;display:inline-block;padding:.65rem 1.4rem;border:2.5px solid #1F1E1D;border-radius:12px 18px 10px 20px / 18px 10px 20px 12px;box-shadow:4px 4px 0 #1F1E1D;transition:all .12s ease;cursor:pointer;text-decoration:none}
  .sk-btn:hover,.sk-btn .elementor-button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #1F1E1D}
  .sk-btn-red,.sk-btn-red .elementor-button{background:#C8202F;color:#fff}
  .sk-btn-red:hover,.sk-btn-red .elementor-button:hover{background:#9E1823;color:#fff}
  .sk-btn-ghost,.sk-btn-ghost .elementor-button{background:#fff;color:#1F1E1D}

  /* Inputs: add "sk-input" to Form widget (Advanced > CSS Classes) */
  .sk-input input,.sk-input textarea,.sk-input select,input.sk-input,textarea.sk-input,select.sk-input{background:#fff;border:2px solid #1F1E1D!important;border-radius:8px 12px 8px 14px / 12px 8px 14px 8px;padding:.6rem .8rem;width:100%;font-family:Inter,sans-serif}
  .sk-input input:focus,.sk-input textarea:focus,input.sk-input:focus,textarea.sk-input:focus{outline:3px solid #F6DADD;border-color:#C8202F!important}

  /* Hand-drawn underline on a word: wrap the word in <span class="sk-underline"> inside Heading */
  .sk-underline{background:linear-gradient(transparent 62%,#F6DADD 62%,#F6DADD 90%,transparent 90%);padding:0 .15em}
  .sk-circle{display:inline-block;border:2.5px solid #C8202F;border-radius:60% 40% 55% 45% / 50% 60% 40% 50%;padding:0 .4em;transform:rotate(-2deg)}

  /* Margin annotation (handwritten note): add "sk-note" to a Heading/Text Editor */
  .sk-note{font-family:Caveat,cursive;color:#C8202F;font-size:1.35rem;transform:rotate(-2deg);display:inline-block}

  /* Sketchy divider: add to Divider widget */
  .sk-divider{border-top:3px dashed #C9C6C2}

  /* Lock badge on gated items */
  .sk-lock::after{content:"\1F512";position:absolute;top:-12px;right:-8px;background:#F6DADD;border:2px solid #1F1E1D;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;transform:rotate(8deg)}

  /* Long-form reading */
  .sk-read{font-family:Lora,Georgia,serif;font-size:1.15rem;line-height:1.75;max-width:68ch}

  /* Native-widget styling hooks (Tabs / Accordion) */
  details.sk-acc{background:#fff;border:2.5px solid #1F1E1D;border-radius:12px 18px 12px 18px / 18px 12px 18px 12px;box-shadow:4px 4px 0 #1F1E1D;padding:1rem 1.25rem;margin-bottom:1rem}
  details.sk-acc summary{cursor:pointer;font-family:"Patrick Hand",cursive;font-size:1.3rem;color:#1F1E1D;list-style:none}
  details.sk-acc summary::-webkit-details-marker{display:none}
  details.sk-acc summary::before{content:"+ ";color:#C8202F}
  details.sk-acc[open] summary::before{content:"\2212  "}
  .sk-tab{font-family:"Patrick Hand",cursive;font-size:1.15rem;padding:.4rem 1rem;border:2.5px solid #1F1E1D;border-radius:10px 16px 8px 16px;background:#fff;cursor:pointer}
  .sk-tab[aria-selected="true"]{background:#C8202F;color:#fff;box-shadow:3px 3px 0 #1F1E1D}

  .sk-wiggle:hover{animation:wig .4s ease}
  @keyframes wig{25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}
  @media (prefers-reduced-motion:reduce){.sk-card,.sk-btn,.sk-wiggle{transition:none;animation:none!important}}
  [data-page]{display:none}
  [data-page].is-active{display:block}