/*
Theme Name: Diwno Lavender
Description: Illustrated Diwno child theme. Requires the existing GridShow parent.
Template: gridshow
Version: 0.1.9
Text Domain: diwno-lavender
*/
body.diwno-lavender{--dl-ink:#39284b;--dl-muted:#76627e;--dl-purple:#7649a0;--dl-line:#e6daed;background:#fcf8ff;color:var(--dl-ink);font-family:Arial,sans-serif}
body.diwno-lavender.custom-background{background:#fcf8ff!important}.diwno-lavender .gridshow-header-inside{background:transparent;border:0}.diwno-lavender .gridshow-headnavi-nav-menu a{color:#64447b!important;text-shadow:none}.diwno-lavender .gridshow-headnavi-nav-menu .sub-menu{background:#f0e4f7}.diwno-lavender .gridshow-primary-nav-menu .current-menu-item>a,.diwno-lavender .gridshow-primary-nav-menu .current_page_item>a{background:#583677}.diwno-lavender .gridshow-header-inside-content{padding:0}.dl-existing-widgets{clear:both;margin-top:28px}
.diwno-lavender a{color:#704293}.diwno-lavender a:focus-visible,.diwno-lavender button:focus-visible{outline:3px solid #a64a70;outline-offset:4px}
.diwno-lavender .gridshow-container{max-width:1240px;width:100%;box-sizing:border-box}.diwno-lavender .gridshow-site-header{background:linear-gradient(115deg,#f4e8ff,#fff0f5 60%,#fff6e5);border:0;color:var(--dl-ink)}
.diwno-lavender #gridshow-head-content{padding:26px 30px}.diwno-lavender .gridshow-site-title a{color:#613a80!important;text-decoration:none;background:none!important}.diwno-lavender .gridshow-site-title{font-size:28px!important;font-family:Georgia,serif}.diwno-lavender .gridshow-site-description{color:var(--dl-muted)}
.diwno-lavender .gridshow-site-title a{display:inline-block;font:12px/1.5 Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}.diwno-lavender .gridshow-site-title a:before{content:'✦ diwno';display:block;font:52px/1.1 Georgia,serif;letter-spacing:-2px;text-transform:none;margin-bottom:8px}.diwno-lavender .gridshow-custom-logo-info{display:block!important}.diwno-lavender .gridshow-logo{float:none;width:100%;text-align:left}
.diwno-lavender #gridshow-primary-navigation,.diwno-lavender .gridshow-primary-menu-container,.diwno-lavender .gridshow-secondary-menu-container{background:#7649a0;border-color:#9772b7}.diwno-lavender #gridshow-primary-navigation a,.diwno-lavender .gridshow-primary-menu-container a,.diwno-lavender .gridshow-secondary-menu-container a{color:#fff}
.diwno-lavender #gridshow-wrapper-outside{background:transparent;border:0}.diwno-lavender #gridshow-content-wrapper{padding:26px 22px;box-sizing:border-box}.diwno-lavender .gridshow-main-wrapper{background:transparent;box-shadow:none;border:0}
.diwno-lavender .gridshow-posts-wrapper,.diwno-lavender .gridshow-posts-content{background:transparent}.diwno-lavender article,.diwno-lavender .widget{border-color:var(--dl-line);box-shadow:none;border-radius:16px;overflow:hidden}.diwno-lavender .widget-title{background:#f0e6f7;color:var(--dl-ink);border-color:var(--dl-line)}
.diwno-lavender h1,.diwno-lavender h2,.diwno-lavender h3{font-family:Georgia,serif;color:var(--dl-ink);line-height:1.2}.diwno-lavender .entry-content{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.diwno-lavender .entry-content h2{margin-top:1.5em}.diwno-lavender .gridshow-entry-title{font-size:32px}.diwno-lavender .gridshow-posts-grid article{background:#fff;border:1px solid var(--dl-line)}
.diwno-lavender .gridshow-posts-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.diwno-lavender .gridshow-grid-post{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}.diwno-lavender .gridshow-grid-post-inside{background:#fff;border:1px solid var(--dl-line);border-radius:18px;overflow:hidden;height:100%}.diwno-lavender .gridshow-grid-post-title{font:20px/1.35 Georgia,serif}.diwno-lavender .gridshow-grid-post-header{padding:16px}.diwno-lavender .gridshow-post-singular{background:#fff;border:1px solid var(--dl-line);border-radius:20px}.diwno-lavender .gridshow-box-inside{padding:25px}.diwno-lavender .gridshow-sidebar-widget-areas .widget .gridshow-widget-header,.diwno-lavender .gridshow-sidebar-widget-areas .widget .gridshow-widget-title-inside{background:#f0e6f7}.diwno-lavender #gridshow-copyright-area{background:#eee2f6;color:#5b436c}
.dl-home{width:100%;padding:8px 8px 30px;box-sizing:border-box}.dl-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.dl-intro h2{font-size:35px;margin:4px 0 9px}.dl-intro p{margin:5px 0;color:var(--dl-muted)}.dl-eyebrow{font:700 10px/1.4 Arial,sans-serif;letter-spacing:1.5px;color:#886397}.dl-pill{font-size:13px;padding:11px 17px;border:1px solid #dbc8e8;border-radius:24px;white-space:nowrap;text-decoration:none;background:#fff}
.dl-zodiac{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dl-sign{display:block;position:relative;overflow:hidden;border:1px solid #e8deed;border-radius:16px;background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}.dl-sign:hover{transform:translateY(-4px);box-shadow:0 10px 24px #663c8720}.dl-art{display:block;aspect-ratio:1;background-image:url(assets/zodiac-atlas.webp);background-size:400% 300%;background-repeat:no-repeat}.dl-sign-caption{display:block;padding:11px 12px}.dl-sign strong{font:20px Georgia,serif;color:#4d345e}.dl-sign small{display:block;font-size:11px;color:var(--dl-muted);margin-top:4px}.dl-arrow{position:absolute;bottom:14px;right:12px;color:#9679a7}
.dl-sign-0{background-position:0 0}.dl-sign-1{background-position:33.333% 0}.dl-sign-2{background-position:66.667% 0}.dl-sign-3{background-position:100% 0}.dl-sign-4{background-position:0 50%}.dl-sign-5{background-position:33.333% 50%}.dl-sign-6{background-position:66.667% 50%}.dl-sign-7{background-position:100% 50%}.dl-sign-8{background-position:0 100%}.dl-sign-9{background-position:33.333% 100%}.dl-sign-10{background-position:66.667% 100%}.dl-sign-11{background-position:100% 100%}
.dl-promos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.dl-promo{padding:25px 28px;position:relative;isolation:isolate;border-radius:20px;overflow:hidden}.dl-promo h2{font-size:28px;max-width:350px;margin:8px 0}.dl-promo p{font-size:14px;line-height:1.6;max-width:360px}.dl-natal{background:linear-gradient(110deg,#eee0fc,#fce5ed);border:1px solid #e6cfed}.dl-orbit{position:absolute;right:12px;top:0;font:150px Georgia;color:#9664b330;z-index:-1;animation:dl-orbit 35s linear infinite}.dl-football{background:linear-gradient(120deg,#203e4a,#165659);color:#fff}.dl-football h2{color:#fff}.dl-football p{color:#dcebe7}.dl-football .dl-eyebrow{color:#bde2c8}.dl-button{display:inline-block;padding:11px 17px;margin-top:8px;background:#7649a0;color:white!important;border-radius:22px;text-decoration:none;font-size:13px;font-weight:bold}.dl-football .dl-button{background:#dceeb9;color:#23423e!important}
.dl-explore{margin-top:34px}.dl-explore h2{font-size:29px}.dl-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.dl-explore-grid a{padding:22px;border:1px solid var(--dl-line);border-radius:18px;background:#fff;text-decoration:none}.dl-explore-grid a:nth-child(2){background:#fff0f3}.dl-explore-grid a:nth-child(3){background:#fff6df}.dl-explore-grid span{font:36px Georgia;color:#9670ac}.dl-explore-grid h3{font-size:21px;margin:10px 0}.dl-explore-grid p{font-size:14px;line-height:1.7;color:var(--dl-muted)}
.dl-article-art{float:right;width:220px;aspect-ratio:1;margin:0 0 24px 28px;border-radius:100px 100px 20px 20px;background-image:url(assets/zodiac-atlas.webp);background-size:400% 300%}
.dl-service-hero{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:28px;background:linear-gradient(110deg,#eee0fc,#ffe8f0);border-radius:24px;padding:30px;margin:18px 0 30px}.dl-service-hero h2{font-size:38px;margin:8px 0}.dl-service-hero p{color:var(--dl-muted);font-size:16px}.dl-service-art{display:block;aspect-ratio:1;background-image:url(assets/zodiac-atlas.webp);background-size:400% 300%;border-radius:110px 110px 20px 20px}
.dl-service-intro .gridshow-entry-meta-single{display:none}.diwno-lavender .gridshow-headnavi-responsive-menu-icon{background:#7649a0;border-color:#9874b6;border-radius:8px}
.diwno-lavender .dn{--bg:#faf4ff;--ink:#39284b;--muted:#76627e;--accent:#7649a0;--line:#e6daed;background:linear-gradient(135deg,#f6ecff,#fff8fc);border:1px solid var(--line);border-radius:22px;margin:20px auto;padding:30px}.diwno-lavender .dn h1{font-size:40px}.diwno-lavender .dn h2,.diwno-lavender .dn-reading h2{color:var(--dl-ink)}.diwno-lavender .dn button,.diwno-lavender .dn a.dn-button{border-radius:22px}.diwno-lavender .dn .dn-secondary{background:#fff}.diwno-lavender .dn-panel{border-radius:18px;box-shadow:0 5px 24px #61368108}.diwno-lavender .dn .dn-note{background:#efe4f9}.diwno-lavender .dn-reading-nav a{color:#6b428c;border-color:#dbc8e8;background:#fff}.diwno-lavender .dn-key-takeaway{border-left-color:#986bb6}.diwno-lavender .dn-transit{background:#fff4e0;border-left-color:#bf8a48}.diwno-lavender .dn input,.diwno-lavender .dn select{border-radius:10px}.diwno-lavender .dn-intro{font-size:17px;line-height:1.8}.diwno-lavender .dn-intro h2{margin-top:32px}.diwno-lavender .dn-intro>p:first-child{padding:28px;border-radius:20px;background:linear-gradient(110deg,#eee0fc,#ffe8f0);font-size:21px;color:#553368}
@keyframes dl-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dl-orbit{animation:none}.dl-sign{transition:none}}
@media(max-width:900px){.dl-zodiac{grid-template-columns:repeat(4,minmax(0,1fr))}.dl-explore-grid{gap:12px}.dl-promos{gap:14px}.dl-promo{padding:22px}}
@media(max-width:600px){.diwno-lavender .gridshow-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.diwno-lavender .gridshow-grid-post-title{font-size:17px}.diwno-lavender .gridshow-grid-post-header{padding:10px}.diwno-lavender .gridshow-box-inside{padding:16px}}
@media(max-width:600px){.dl-service-hero{grid-template-columns:1fr;padding:20px;position:relative}.dl-service-hero h2{font-size:28px;margin-top:25px}.dl-service-hero .dl-eyebrow{max-width:calc(100% - 82px);min-height:60px;font-size:11px}.dl-service-hero .dl-button{font-size:12px}.dl-service-art{position:absolute;width:75px;right:16px;top:20px}}
@media(max-width:600px){.diwno-lavender #gridshow-content-wrapper{padding:18px 12px}.diwno-lavender #gridshow-head-content{padding:20px 15px}.diwno-lavender .gridshow-site-title{font-size:23px!important}.dl-intro{align-items:flex-start;flex-direction:column;gap:10px}.dl-intro h2{font-size:29px}.dl-zodiac{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dl-sign{border-radius:12px}.dl-sign-caption{padding:9px}.dl-sign strong{font-size:16px}.dl-sign small{font-size:10px}.dl-arrow{display:none}.dl-promos,.dl-explore-grid{grid-template-columns:1fr}.dl-promo h2{font-size:25px}.diwno-lavender .dn{padding:18px;margin:12px 0}.diwno-lavender .dn h1{font-size:31px}.dl-article-art{width:140px;margin:0 0 16px 16px}.diwno-lavender .gridshow-entry-title{font-size:27px}}

/* Keep the header and both navigation bars on the same centered grid. */
.diwno-lavender #gridshow-header,
.diwno-lavender .gridshow-primary-menu-container,
.diwno-lavender .gridshow-secondary-menu-container {
    float: none;
    clear: both;
    width: 100%;
    max-width: 1240px;
    margin-inline: auto !important;
}

.diwno-lavender .gridshow-secondary-menu-container,
.diwno-lavender #gridshow-secondary-navigation {
    background: #593574;
    border-color: #9772b7;
}

/* Use the existing site title as the Lavender wordmark. */
.diwno-lavender #gridshow-header .gridshow-logo {
    text-align: center;
}

.diwno-lavender #gridshow-header .gridshow-custom-logo-image {
    display: none;
}

.diwno-lavender #gridshow-header .gridshow-site-title {
    display: block !important;
    position: static !important;
    clip: auto !important;
    visibility: visible;
    margin: 0;
}

.diwno-lavender #gridshow-header .gridshow-site-title a {
    display: inline-block;
    visibility: visible;
    font: 600 clamp(20px, 4vw, 40px)/1.15 Georgia, serif;
    letter-spacing: -.025em;
    text-transform: none;
}

.diwno-lavender #gridshow-header .gridshow-site-title a::before {
    content: '✦';
    display: inline;
    font: inherit;
    margin: 0 .28em 0 0;
}

.diwno-lavender #gridshow-header .gridshow-site-description {
    margin: 8px 0 0;
    text-align: center;
}

.diwno-lavender :is(#gridshow-primary-navigation, #gridshow-secondary-navigation) li > a {
    border-color: transparent;
    text-shadow: none;
}

.diwno-lavender :is(#gridshow-primary-navigation, #gridshow-secondary-navigation) li > a:is(:hover, :focus-visible, :active),
.diwno-lavender :is(#gridshow-primary-navigation, #gridshow-secondary-navigation) :is(.current-menu-item, .current_page_item) > a {
    background: #efe1f8 !important;
    color: #4d2d66 !important;
    text-shadow: none;
}

.diwno-lavender :is(#gridshow-primary-navigation, #gridshow-secondary-navigation) .sub-menu,
.diwno-lavender :is(.gridshow-primary-responsive-menu-icon, .gridshow-secondary-responsive-menu-icon) {
    background: #593574;
    color: #fff;
    border-color: #9772b7;
}

.diwno-lavender.dl-horoscope .gridshow-post-thumbnail-single {
    display: none;
}

.diwno-lavender .navigation .nav-links :is(.nav-next, .nav-previous) a,
.diwno-lavender .navigation.pagination .nav-links a,
.diwno-lavender .navigation.pagination .page-numbers.current {
    background: #f0e4f7 !important;
    color: #593574 !important;
    border: 1px solid #dbc7e7 !important;
    border-radius: 20px;
    padding: 9px 14px;
    text-shadow: none;
}

.diwno-lavender .navigation .nav-links :is(.nav-next, .nav-previous) a:is(:hover, :focus, :active),
.diwno-lavender .navigation.pagination .nav-links a:is(:hover, :focus, :active) {
    background: #593574 !important;
    color: white !important;
    border-color: #593574 !important;
}

.dl-promos-compact {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin: 28px auto;
    gap: 14px;
}

.dl-promos-compact .dl-promo {
    padding: 20px;
}

.dl-promos-compact .dl-promo h2 {
    font-size: clamp(20px, 2vw, 27px);
}


/* Editorial column alongside the main content. */
.diwno-lavender.dl-editorial-layout #gridshow-content-wrapper > #gridshow-main-wrapper {
    width: 74%;
    max-width: 74%;
    flex: 0 0 74%;
    min-width: 0;
}

.dl-editorial-sidebar {
    width: 24%;
    flex: 0 0 24%;
    min-width: 0;
    box-sizing: border-box;
    padding-top: 8px;
}

.diwno-lavender .dl-editorial-sidebar .gridshow-sidebar-one-wrapper {
    width: 100%;
    max-width: 100%;
    float: none;
}

.diwno-lavender .dl-editorial-sidebar .gridshow-sidebar-one-wrapper-inside {
    padding-inline: 0;
}

.dl-editorial-panel {
    padding: 20px 16px;
    border: 1px solid var(--dl-line);
    border-radius: 18px;
    background: #fff;
}

.dl-editorial-panel h2 {
    margin: 4px 0 14px;
    font-size: 24px;
}

.dl-editorial-panel .dl-guide-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dl-guide-list li + li {
    border-top: 1px solid var(--dl-line);
}

.dl-guide-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    color: var(--dl-ink);
    font: 600 14px/1.3 Georgia, serif;
    text-decoration: none;
}

.dl-guide-list a:hover {
    color: var(--dl-purple);
    text-decoration: underline;
}

.dl-guide-list img {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    object-fit: cover;
    border-radius: 10px;
}

.dl-guide-all {
    display: inline-block;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 700;
}

.diwno-lavender #gridshow-menu-secondary-navigation > .dl-natal-menu-item {
    float: right;
}

.diwno-lavender #gridshow-menu-secondary-navigation > .dl-natal-menu-item > a {
    margin: 5px 8px;
    padding: 8px 14px;
    border: 0;
    border-radius: 999px;
    background: #f9e5b6 !important;
    color: #492d5e !important;
    font: 700 13px/1.4 Arial, sans-serif;
    text-decoration: none;
}

.diwno-lavender #gridshow-menu-secondary-navigation > .dl-natal-menu-item > a:is(:hover, :focus-visible) {
    background: #fff3d7 !important;
}

@media (max-width: 980px) {
    .diwno-lavender.dl-editorial-layout #gridshow-content-wrapper > #gridshow-main-wrapper,
    .dl-editorial-sidebar {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

    .diwno-lavender #gridshow-menu-secondary-navigation > .dl-natal-menu-item {
        float: none;
    }
}


.diwno-lavender .dl-sidebar-natal {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    margin-bottom: 12px;
    border: 1px solid #dfcbed;
    border-radius: 16px;
    background: linear-gradient(110deg, #f1e4fb, #fff2f6);
    color: #583675;
    font: 700 14px/1.3 Arial, sans-serif;
    text-decoration: none;
}

.dl-sidebar-natal:hover {
    border-color: #a67ec2;
}

.dl-sidebar-natal-icon {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    border-radius: 50%;
    background: #fff;
    font-size: 17px;
}

.dl-sidebar-natal span:last-child {
    margin-inline-start: auto;
}


/* Saved charts use a decorative illustration, separate from the real chart. */
.diwno-lavender.dl-natal-account .dn-app article.dn-panel {
    position: relative;
    min-height: 175px;
    padding-inline-end: 43%;
}

.dl-natal-account .dn-app article.dn-panel::after {
    content: '';
    position: absolute;
    inset: 9px 9px 9px auto;
    width: 38%;
    border-radius: 12px;
    background: #f1e2f8 url(assets/natal-card-art.svg) center / cover no-repeat;
    pointer-events: none;
}

.dl-natal-account .dn-app article.dn-panel button {
    margin: 0 7px 7px 0;
}

.diwno-lavender .gridshow-sidebar-one-wrapper #nav_menu-3 ul li > a {
    display: block;
    padding: 8px 10px;
    border-radius: 10px;
    background: #f1e5f8;
    color: #593574;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
}

.diwno-lavender .gridshow-sidebar-one-wrapper #nav_menu-3 ul li > a:hover,
.diwno-lavender .gridshow-sidebar-one-wrapper #nav_menu-3 ul li > a:focus-visible {
    background: #e7d1f2;
    color: #46265d;
}

@media (max-width: 600px) {
    .diwno-lavender.dl-natal-account .dn-app article.dn-panel {
        padding-inline-end: 18px;
        padding-top: 116px;
    }

    .dl-natal-account .dn-app article.dn-panel::after {
        inset: 9px 9px auto;
        width: auto;
        height: 92px;
        background-size: auto 120%;
    }
}