/*
Theme Name: Skyline News
Theme URI: https://example.com/
Author: Skyline Studio
Description: A clean, modern magazine-style WordPress block theme designed to pair with the Skyline Composer blocks plugin.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skyline-news
*/

/* Basic theme styling (front-end). Most global styles are defined in theme.json. */

body{
  margin:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{ text-decoration:none; }

.skyline-container{
  width:min(1200px, calc(100% - 48px));
  margin-inline:auto;
}

.skyline-topbar{
  font-size:13px;
  opacity:.9;
}

.skyline-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:saturate(180%) blur(12px);
}

.skyline-header-inner{
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 0;
}

.skyline-brand{
  font-weight:800;
  letter-spacing:-0.02em;
  font-size:22px;
}

.skyline-nav{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-left:auto;
}

.skyline-nav a{
  font-weight:600;
  font-size:14px;
  opacity:.9;
}

.skyline-main{
  padding:28px 0;
}

.skyline-footer{
  padding:36px 0;
  opacity:.95;
}

/* Composer block skin */
.skyline-block{
  border-radius:18px;
}

.skyline-grid{
  display:grid;
  gap:18px;
}

.skyline-card{
  border-radius:18px;
  overflow:hidden;
}

.skyline-card .skyline-card-body{
  padding:14px 14px 16px;
}

.skyline-card h3{
  margin:0 0 8px;
  line-height:1.15;
}

.skyline-meta{
  font-size:12px;
  opacity:.75;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.skyline-excerpt{
  margin:10px 0 0;
  opacity:.9;
}

.skyline-ticker{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:16px;
}

.skyline-ticker .skyline-ticker-label{
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  opacity:.85;
}

.skyline-ticker ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  gap:14px;
  overflow:auto;
  scrollbar-width:thin;
}

.skyline-ticker li{ white-space:nowrap; }

@media (max-width: 700px){
  .skyline-header-inner{ gap:12px; }
  .skyline-nav{ margin-left:0; }
}