/*
Theme Name: Aarti Mandir
Author: AartiLyrics
Description: A calm, temple-warm block theme for reading Hindu aarti lyrics. Minimal header, right sidebar, large high-legibility Devanagari.
Version: 1.2.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: aarti-mandir
*/

.wp-block-verse{white-space:pre-wrap;font-family:inherit;background:transparent;}
a{text-underline-offset:3px;}
.wp-block-column{min-width:0;}

/* Minimal header */
.al-header{background:#fff;border-bottom:2px solid #E4791B;padding:12px 16px;}
.al-header .wp-block-site-title{margin:0;}
.al-header .wp-block-site-title a{color:#9A2A16!important;font-size:1.4rem;font-weight:700;text-decoration:none;}
.al-header .wp-block-search{margin:0;width:auto;max-width:300px;}
.al-header .wp-block-search__input{min-width:0;}

/* Search */
.wp-block-search__input{border:1px solid #e0d3ba;border-radius:10px;padding:9px 12px;background:#fff;color:#241A12;}
.wp-block-search__button{background:#E4791B;color:#fff;border:none;border-radius:10px;padding:9px 16px;font-weight:600;cursor:pointer;}
.wp-block-search__button:hover{background:#cf6a12;}

/* Hero */
.al-sub{color:#8a7a68;margin-top:4px;}

/* Aarti list */
.aarti-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #eee0c8;border-left:4px solid #E4791B;border-radius:12px;padding:13px 16px;margin-bottom:10px;transition:box-shadow .15s ease,transform .15s ease;}
.aarti-item:hover{box-shadow:0 8px 22px -14px rgba(154,42,22,.5);transform:translateX(2px);}
.aarti-item .wp-block-post-title{margin:0;font-size:1.2rem;flex:1 1 auto;min-width:0;}
.aarti-item .wp-block-post-featured-image{margin:0;flex:0 0 auto;line-height:0;}
.aarti-item .wp-block-post-featured-image img{width:66px!important;height:66px!important;object-fit:cover;border-radius:10px;display:block;background:#f6ece0;}
@media (max-width:520px){.aarti-item{gap:11px;padding:10px 12px;}.aarti-item .wp-block-post-featured-image img{width:56px!important;height:56px!important;}.aarti-item .wp-block-post-title{font-size:1.05rem;}}
.aarti-item a{text-decoration:none;color:#241A12!important;font-weight:600;}

/* Single aarti card */
.aarti-card{position:relative;background:#fff;border:1px solid #eaddc4;border-radius:18px;padding:26px 24px 28px;box-shadow:0 12px 34px -20px rgba(154,42,22,.45);}
.aarti-card::before{content:"॥ ॐ ॥";display:block;text-align:center;color:#E4791B;letter-spacing:3px;font-size:1.05rem;margin-bottom:16px;}
.back-link a{display:inline-block;margin-top:6px;text-decoration:none;font-weight:600;background:#fff;border:1px solid #eee0c8;border-radius:999px;padding:9px 20px;color:#9A2A16;}
.back-link a:hover{border-color:#E4791B;}

/* Sidebar widgets */
.al-widget{background:#fff;border:1px solid #eee0c8;border-radius:14px;padding:16px 18px;margin-bottom:18px;}
.al-widget h4{margin:0 0 10px;color:#9A2A16;font-size:1.05rem;}
.al-widget .wp-block-categories,.al-widget .wp-block-latest-posts{list-style:none;margin:0;padding:0;}
.al-widget .wp-block-categories li,.al-widget .wp-block-latest-posts li{margin:0 0 9px;line-height:1.4;}
.al-widget a{text-decoration:none;color:#241A12;font-weight:600;}
.al-widget a:hover{color:#E4791B;}
.al-widget .wp-block-search__label{display:block;margin-bottom:8px;font-weight:700;color:#9A2A16;}
.al-widget .wp-block-search__input{max-width:100%;}

@media(min-width:782px){.wp-block-columns.alignwide{gap:28px;}}

/* Search: core's button-inside style wraps the field in a square 1px #949494
   frame with 4px padding. This theme already gives the input and the button
   their own rounded borders, so that outer frame just double-boxes them. */
.wp-block-search__button-inside .wp-block-search__inside-wrapper{border:none;padding:0;background:transparent;}


/* Browse index (सर्व आरती संग्रह) */
.al-index-group{margin:32px 0 14px;color:#9A2A16;border-bottom:2px solid #f0e2cc;padding-bottom:6px;}
.al-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 24px;}
.al-index-cat h3{margin:0 0 6px;font-size:1.02rem;}
.al-index-cat h3 a{color:#241A12;text-decoration:none;}
.al-index-cat h3 a:hover{color:#E4791B;}
.al-index-cat ul{margin:0;padding-left:18px;}
.al-index-cat li{margin:0 0 5px;line-height:1.45;}
.al-index-cat li a{color:#4a3b2c;text-decoration:none;}
.al-index-cat li a:hover{color:#E4791B;text-decoration:underline;}
/* Header navigation */
.al-header .wp-block-navigation{font-weight:600;}
.al-header .wp-block-navigation a{color:#241A12;text-decoration:none;}
.al-header .wp-block-navigation a:hover{color:#E4791B;}
.al-nav-row{border-top:1px solid #f0e2cc;padding-top:10px;margin-top:10px;}


/* al-mobile-nav: header + navigation on small screens.
   Core opens the mobile menu as a fixed full-screen overlay; the block now
   carries base/ink overlay colours, and these rules size the toggle and the
   links for touch. */
.al-header .wp-block-navigation__responsive-container-open,
.al-header .wp-block-navigation__responsive-container-close{color:#241A12;}
.al-header .wp-block-navigation__responsive-container-open{padding:7px 11px;border:1px solid #e0d3ba;border-radius:10px;background:#fff;}
.al-header .wp-block-navigation__responsive-container-open svg,
.al-header .wp-block-navigation__responsive-container-close svg{width:26px;height:26px;}
/* the open overlay */
.wp-block-navigation__responsive-container.is-menu-open{padding-top:16px;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:2px;width:100%;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;font-size:1.15rem;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:block;width:100%;padding:11px 2px;border-bottom:1px solid #f0e2cc;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding-left:14px;border:none;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{font-size:1rem;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:#4a3b2c;border-bottom:1px dashed #f0e2cc;}
@media(max-width:781px){
  .al-header .wp-block-search{max-width:100%;width:100%;}
  .al-header>.wp-block-group{gap:10px;}
}
@media(max-width:599px){
  .al-nav-row{border-top:none;padding-top:0;margin-top:4px;justify-content:flex-end;}
}