/*
Theme Name: Skoleni Kardiostimulace MEDIATRADE
Theme URI: https://kardiostimulace.cz
Author: MEDIATRADE s.r.o.
Author URI: https://mediatrade.cz
Description: Vlastni sablona pro skoleni kardiostimulace - docasne zevni kardiostimulatory MEDIATRADE s.r.o.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skoleni-kardiostimulace
*/

* { box-sizing: border-box; }
body{margin:0;background:#f2f5f6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2d3a;line-height:1.6;}
a{color:inherit;}
img{max-width:100%;}

.ks-topbar{background:#0a3d54;padding:16px 24px;}
.ks-topbar-inner{max-width:900px;margin:0 auto;}
.ks-topbar-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:.02em;}

.ks-wrap{max-width:900px;margin:0 auto;padding:36px 20px 60px;}

.ks-hero{background:linear-gradient(135deg,#0b4f6c 0%,#0a3d54 100%);color:#fff;padding:48px 36px;border-radius:10px;margin-bottom:36px;}
.ks-hero .ks-tag{display:inline-block;background:rgba(255,255,255,.15);color:#cfe9f3;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:14px;}
.ks-hero h1{margin:0 0 10px;font-size:30px;font-weight:700;line-height:1.25;}
.ks-hero p{margin:0;font-size:16px;color:#d7ecf3;max-width:620px;}

.ks-section{margin-bottom:44px;}
.ks-section h2{font-size:22px;font-weight:700;color:#0b4f6c;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid #e3edf1;}

.ks-intro-card{background:#fff;border:1px solid #e3edf1;border-radius:10px;padding:26px 28px;font-size:16px;}
.ks-intro-card p{margin:0 0 14px;}
.ks-intro-card p:last-child{margin-bottom:0;}

.ks-about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start;}
.ks-about-grid img{width:100%;border-radius:8px;border:1px solid #e3edf1;display:block;cursor:zoom-in;}
.ks-about-grid a img{cursor:pointer;}
.ks-about-grid figure{margin:0;}
.ks-about-grid figcaption{font-size:13px;color:#5b6b76;margin-top:8px;text-align:center;}

.ks-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.ks-video-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e3edf1;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(11,79,108,.08);transition:transform .15s ease,box-shadow .15s ease;}
.ks-video-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(11,79,108,.18);}
.ks-video-thumb{position:relative;background:#000;}
.ks-video-thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;}
.ks-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;background:rgba(11,79,108,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.ks-video-play:after{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;margin-left:4px;}
.ks-video-duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:2px 6px;border-radius:3px;}
.ks-video-caption{padding:12px 14px;font-size:14.5px;font-weight:600;line-height:1.35;color:#1f2d3a;}

.ks-support{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid #e3edf1;border-radius:10px;padding:24px 28px;flex-wrap:wrap;}
.ks-support img{width:130px;height:130px;border-radius:6px;border:1px solid #e3edf1;flex-shrink:0;}
.ks-support p{margin:0;font-size:15px;color:#3d4e5a;}

.ks-contact{background:#0b4f6c;color:#fff;border-radius:10px;padding:26px 28px;display:flex;gap:32px;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.ks-contact a{color:#fff;font-weight:600;text-decoration:none;}
.ks-contact .ks-c-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#9fc7d8;margin-bottom:4px;}

.ks-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(6,20,27,.92);z-index:99999;align-items:center;justify-content:center;cursor:zoom-out;padding:24px;}
.ks-lightbox.active{display:flex;}
.ks-lightbox img{max-width:96%;max-height:96%;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5);}
.ks-lightbox-close{position:absolute;top:18px;right:26px;color:#fff;font-size:38px;font-weight:300;line-height:1;cursor:pointer;}

@media (max-width:640px){.ks-about-grid{grid-template-columns:1fr;}}