/*
Theme Name: RADIO SENSE Light
Theme URI: https://radio-sense.ch/
Author: REGA-TV / Nico Staub
Description: Schlankes WordPress-Theme fuer RADIO SENSE, inspiriert vom bisherigen Simple-Glassy-Look. Heller Glas-Look, Header, Hintergrundbild und saubere Shortcode-Darstellung ohne Bootstrap-Ballast.
Version: 0.1.3
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: radio-sense-light
*/

:root{
  --rs-bg:#eef3f8;
  --rs-card:rgba(255,255,255,.82);
  --rs-card-strong:rgba(255,255,255,.94);
  --rs-border:rgba(255,255,255,.82);
  --rs-text:#213044;
  --rs-muted:#65758a;
  --rs-blue:#1e73be;
  --rs-blue-dark:#155a96;
  --rs-menu-button:#1e73be;
  --rs-menu-button-text:#ffffff;
  --rs-menu-button-hover:#155a96;
  --rs-shadow:0 18px 45px rgba(18,36,64,.18);
  --rs-radius:18px;
  --rs-max:1120px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--rs-text);
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  line-height:1.6;
  background-color:var(--rs-bg);
  background-image:url('assets/images/background.jpg');
  background-position:center top;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.46));
  z-index:-1;
}
a{color:var(--rs-blue);text-decoration:none}
a:hover{color:var(--rs-blue-dark);text-decoration:underline}
img{max-width:100%;height:auto}

.rs-site{min-height:100vh;padding:24px 16px 36px}
.rs-wrap{width:min(var(--rs-max),100%);margin:0 auto}

.rs-header{
  display:flex;
  align-items:center;
  gap:18px;
  padding:20px 24px;
  margin-bottom:16px;
  border:1px solid var(--rs-border);
  border-radius:var(--rs-radius);
  background:linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.56));
  box-shadow:var(--rs-shadow);
  backdrop-filter:blur(8px);
}
.custom-logo-link{display:flex;align-items:center;flex:0 0 auto}
.custom-logo{max-height:82px;width:auto}
.rs-title{margin:0;font-size:clamp(26px,4vw,44px);line-height:1.05;font-weight:700;letter-spacing:-.03em}
.rs-title a{color:var(--rs-text);text-decoration:none}
.rs-description{display:block;margin-top:5px;color:var(--rs-muted);font-size:15px;font-weight:400;letter-spacing:0}

.rs-nav{
  margin:0 0 16px;
  padding:0;
  width:100%;
}
.rs-nav .menu{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
  gap:8px;
  align-items:stretch;
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
}
.rs-nav .menu:has(> li:nth-child(4)){
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.rs-nav .menu>li{margin:0;padding:0;min-width:0}
.rs-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:42px;
  padding:10px 14px;
  border-radius:6px;
  background:var(--rs-menu-button);
  color:var(--rs-menu-button-text);
  font-weight:700;
  line-height:1.1;
  text-align:center;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(18,36,64,.14);
  border:1px solid rgba(255,255,255,.5);
}
.rs-nav a:hover,
.rs-nav .current-menu-item>a,
.rs-nav .current_page_item>a{
  background:var(--rs-menu-button-hover);
  color:var(--rs-menu-button-text);
  text-decoration:none;
  transform:translateY(-1px);
}
.rs-nav .sub-menu{
  display:none;
}

.rs-main{
  padding:28px;
  border:1px solid var(--rs-border);
  border-radius:var(--rs-radius);
  background:var(--rs-card-strong);
  box-shadow:var(--rs-shadow);
  backdrop-filter:blur(8px);
}
body.home .rs-main,
body.page-template-default .rs-main{background:var(--rs-card)}

.entry-header{margin-bottom:20px}
.entry-title{margin:0 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.03em}
.entry-title a{color:var(--rs-text);text-decoration:none}
.entry-meta{color:var(--rs-muted);font-size:14px}
.entry-content>*:first-child{margin-top:0}
.entry-content>*:last-child{margin-bottom:0}
.entry-content h1,.entry-content h2,.entry-content h3{line-height:1.2;color:#1d2d42}
.entry-content p{margin:0 0 1.05em}
.entry-content ul,.entry-content ol{padding-left:1.4em}

.rs-post{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid rgba(38,56,82,.12)}
.rs-post:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.rs-readmore{display:inline-block;margin-top:8px;padding:9px 14px;border-radius:999px;background:var(--rs-blue);color:#fff;text-decoration:none;font-weight:700}
.rs-readmore:hover{background:var(--rs-blue-dark);color:#fff;text-decoration:none}

.rs-footer{margin-top:18px;padding:16px 20px;text-align:center;color:#4f6176;font-size:14px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid var(--rs-border);backdrop-filter:blur(6px)}

button,input,select,textarea{font:inherit}
input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="date"],select,textarea{
  width:100%;padding:10px 12px;border:1px solid rgba(38,56,82,.18);border-radius:10px;background:#fff;color:var(--rs-text)
}
button,input[type="submit"],.button{padding:10px 15px;border:0;border-radius:10px;background:var(--rs-blue);color:#fff;font-weight:700;cursor:pointer;text-decoration:none}
button:hover,input[type="submit"]:hover,.button:hover{background:var(--rs-blue-dark);color:#fff;text-decoration:none}

/* Gute Basis fuer Podcast-/Player-Shortcodes */
.rs-main .radio-podcast-manager,
.rs-main .rpm-wrap,
.rs-main [class*="podcast"]{max-width:100%}
.rs-main audio{width:100%}

@media (max-width:720px){
  .rs-site{padding:12px 10px 24px}
  .rs-header{align-items:flex-start;flex-direction:column;padding:18px}
  .custom-logo{max-height:70px}
  .rs-main{padding:18px}
  .rs-nav .menu,
  .rs-nav .menu:has(> li:nth-child(4)){grid-template-columns:1fr;gap:8px}
  .rs-nav a{min-height:44px;padding:11px 12px}
}