/*
Theme Name: Urban Shisha
Theme URI: https://urbanshisha.in/
Author: Mates Creation
Author URI: https://matescreation.com/
Description: Custom classic theme foundation for the approved Urban Shisha design. WooCommerce and homepage conversion are being implemented in stages.
Version: 0.1.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: urban-shisha
*/
/* Approved design lives in assets/site.css; these rules only style fallback WordPress content. */
.wp-foundation-content{padding-block:65px;min-height:40vh}.wp-foundation-content h1{font-size:clamp(35px,4.5vw,66px);line-height:1.05;letter-spacing:-.05em;margin-bottom:30px}.wp-foundation-content .entry-content{max-width:780px;font-size:16px;line-height:1.85}.wp-foundation-content .entry-content>*+*{margin-top:22px}.wp-foundation-content .entry-content ul,.wp-foundation-content .entry-content ol{padding-left:25px}.wp-foundation-content .entry-content a,.wp-foundation-content .entry-title a{text-decoration:underline;text-underline-offset:4px}.wp-foundation-content .entry-content img{max-width:100%;height:auto}.wp-foundation-content article+article{margin-top:50px;padding-top:40px;border-top:1px solid var(--line)}.wp-foundation-content .entry-title{font-size:34px;line-height:1.15;margin-bottom:20px;text-transform:none}.wp-foundation-content .post-navigation,.wp-foundation-content .navigation.pagination{margin-top:35px}.admin-bar .site-header{top:45px}@media(max-width:782px){.admin-bar .site-header{top:56px}}@media(max-width:600px){.wp-foundation-content{padding-block:45px}.wp-foundation-content .entry-title{font-size:28px}}

/* Narrowly scoped WordPress menu and uploaded logo/photo integration */
.wordmark .custom-logo{max-height:36px;width:auto;height:auto;object-fit:contain;display:block}
.footer-brand .custom-logo{max-height:42px;width:auto;height:auto;object-fit:contain;margin-bottom:14px;display:block}
.age-panel .custom-logo{max-height:48px;width:auto;height:auto;object-fit:contain;margin-inline:auto;margin-bottom:16px;display:block}
.mega-photo-img,.mobile-photo-img{width:100%;height:100%;object-fit:contain;display:block}
.desktop-nav .menu-item-has-children{position:relative;display:inline-flex;align-items:center}
.desktop-nav .sub-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);padding:10px 16px;list-style:none;margin:0;min-width:180px;display:none;flex-direction:column;gap:8px;z-index:60}
.desktop-nav .menu-item-has-children:hover .sub-menu,.desktop-nav .menu-item-has-children:focus-within .sub-menu{display:flex}
.desktop-nav .sub-menu a{font-size:14px;white-space:nowrap}
.mobile-sub-menu{display:flex;flex-direction:column;gap:6px;padding-left:18px;margin-bottom:10px}
.mobile-sub-link{font-size:13px;color:var(--muted);text-decoration:none;padding-block:4px;display:block}
.mobile-sub-link:hover{color:var(--ink)}

/* Footer presentation classes moved from inline styles */
.footer-location{margin-top:14px;font-size:13px;line-height:1.5;color:var(--bg);opacity:.92}
.footer-icon-pin{width:16px;height:16px;display:inline-block;vertical-align:-2px;margin-right:6px}
.footer-contacts{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.footer-contacts-email{margin-top:6px}
.footer-contact-link{font-size:13px;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.footer-contact-link:hover{text-decoration:underline}
.footer-contact-icon{width:14px;height:14px}
.footer-hours{font-size:12px;opacity:.8;margin-top:8px}

/* Footer social links styling */
.social-links a:not(.social-link-custom){min-width:30px;min-height:36px;display:grid;place-items:center;color:inherit;text-decoration:none}
.social-links a:not(.social-link-custom):hover{color:var(--accent)}
.social-links a:not(.social-link-custom) svg{width:17px;height:17px}
.social-links a.social-link-custom{font-size:11px;font-weight:700;color:var(--bg);border:1px solid rgba(250,247,242,.4);border-radius:999px;padding:4px 10px;text-decoration:none;transition:background .2s,color .2s;display:inline-block}
.social-links a.social-link-custom:hover{background:var(--accent);color:var(--ink);border-color:var(--ink)}

/* Account dropdown integration */
.account-menu-intro.account-user-greeting{font-weight:700;color:var(--primary);margin-bottom:14px}
.account-logout{margin-top:14px;font-size:13px;font-weight:700;color:var(--pop);display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.account-logout:hover{text-decoration:underline}