/* Keep the established desktop design; make fixed-width themes readable on phones. */
/* Slama: preserve the original desktop header; avoid the mobile search/menu overlap. */
@media(max-width:1050px){
 #navigation-wrapper{display:flex;flex-direction:column;align-items:stretch}
 #navigation-wrapper .main-navigation{order:1;float:none;width:100%;height:auto}
 #navigation-wrapper .main-navigation>div>ul{justify-content:center}
 #navigation-wrapper #searchform{order:2;position:static!important;float:none;align-self:center;width:100%;max-width:360px;margin:8px 0 14px}
 #navigation-wrapper #s{width:100%;height:44px;box-sizing:border-box}
 #navigation-wrapper .main-navigation a{box-sizing:border-box;min-height:44px;padding:12px 3px;border-top:0!important}
}
@media(max-width:1050px){
 body{min-width:0!important}
 #page,#navigation-wrapper,.site-title,.site-description,.custom-header-image{width:auto!important;max-width:100%;box-sizing:border-box}
 #page,#navigation-wrapper{padding-left:16px;padding-right:16px}
 #primary,#secondary{float:none;width:100%;margin-left:0;margin-right:0;box-sizing:border-box}
 #secondary{margin-top:28px}
 .site-title{font-size:clamp(32px,7vw,65px);line-height:1.15;padding:0 16px}
 .site-description{font-size:clamp(17px,3.5vw,24px);line-height:1.45;padding:0 16px}
 .main-navigation ul{display:flex;flex-wrap:wrap;gap:0 16px}
 .main-navigation li{float:none;margin:0;padding-left:0;background:none}
 .main-navigation a{line-height:1.4;padding:12px 0;min-height:24px}
 .main-navigation li:hover>a{border-top:0;padding-top:12px}
 .main-navigation ul ul{position:static;width:auto;display:none}
 .main-navigation li:focus-within>ul,.main-navigation li:hover>ul{display:block}
 .entry-title,.sticky .entry-title,.attachment .entry-title{width:auto;max-width:100%;font-size:clamp(28px,7vw,48px);line-height:1.2;min-height:0;overflow-wrap:anywhere}
 /* Keep the comment link in normal flow below the title, never on top of it. */
 .entry-header .comments-link{position:static;display:table;width:auto;height:auto;max-width:100%;margin:0 0 12px;padding:5px;background:#a3251d;border:1px dashed #f2c45a;border-radius:4px;box-sizing:border-box}
 .entry-header .comments-link a{width:auto;height:auto;min-height:32px}
 .entry-header .comments-wrapper{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;height:auto;min-height:32px;padding:5px 9px;box-sizing:border-box;line-height:1.4}
 .entry-header .comments-number{display:inline;font-size:20px;line-height:1;margin:0;padding:0}
 .hentry,#post-0{background:#f8f6f1;border-radius:12px;padding:16px 0;box-shadow:0 4px 18px #17302020}
 .article-liner{background:none;padding:8px 20px 0}
 .entry-content{overflow-wrap:anywhere}
 .entry-content img,.entry-content iframe,.entry-content video,.wp-caption{max-width:100%!important}
 .entry-content iframe{height:auto;aspect-ratio:16/9}
 #masthead{margin-bottom:28px}
 .custom-header-image{padding:0 16px}
 footer.entry-meta,.entry-meta-liner,.entry-meta .categories-meta,.site-info{width:100%!important;max-width:100%;box-sizing:border-box;background-size:100% auto;overflow-wrap:anywhere}
 footer.entry-meta,.entry-meta-liner{padding-left:16px;padding-right:16px}
}
@media(max-width:979px){
 #wrapper,#main,#branding,#colophon,#access .menu-header,div.menu{width:100%!important;max-width:100%;box-sizing:border-box}
 #wrapper{padding:0 16px;background:none}
 #header{height:auto;padding:22px 0;background-size:auto 100%}
 #header>img{max-width:100%;height:auto}
 #middle{height:auto;background:none;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px 0 24px}
 #middle .slogan{width:100%;height:auto;padding:0;float:none;text-align:center}
 #middle .slogan img{max-width:100%;height:auto}
 #middle .slideshow{width:292px;max-width:100%;height:auto;padding:0;float:none}
 #middle .slideshow #slides{max-width:100%;box-sizing:border-box}
 #container,#primary,#secondary,#footer,.one-column #content,.single-attachment #content{width:100%!important;float:none;box-sizing:border-box}
 #main .widget-area{margin-top:28px}
 #main .widget-area ul{padding:0}
 #content table{width:100%!important;table-layout:fixed}
 #content td,#content th{overflow-wrap:anywhere;box-sizing:border-box;padding:12px}
 #content img{max-width:100%;height:auto}
 #content td img{float:none!important;max-width:100%}
 #content td a{overflow-wrap:anywhere}
 #content input:not([type=checkbox]):not([type=radio]),#content textarea,#content select{max-width:100%;box-sizing:border-box}
 #site-info,#site-generator{float:none;width:auto}
 #wrapper .container{width:100%;box-sizing:border-box}
 #wrapper .container>ul{width:100%;display:flex;flex-wrap:wrap;gap:8px}
 #wrapper .container .contact{float:none;max-width:100%;padding:8px 0}
}