/* CSS pentru a bloca selectarea și drag‑ul la images */
img{-webkit-user-drag:none;user-drag:none;}
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.ic{font-family:Georgia;font-size:25px;color:#ff8000;}
.titleblog{font-family:Segoe UI Light;font-size:25px;}
.glyphicon-option-vertical{font-size:18px;}
input[type="text"]{background-color:white;border:1px solid #ccc;border-radius:4px;padding:20px 10px 20px 10px;font-style:italic;font-size:16px;box-sizing:border-box;}
button[type="submit"]{width:50px;padding:10px 10px;text-align:center;}
/* VIDEO WRAPPER */
.video-title-wrapper{display:flex;gap:20px;align-items:flex-start;max-width:900px;}
.video-clean{width:100%;max-width:500px;height:300px;overflow:hidden;border:2px solid #d4d4d4;border-radius:25px;background:#fafafa;box-shadow:0 4px 18px rgba(0,0,0,0.12);transition:all 0.3s ease;}
.video-clean:hover{border-color:#b8b8b8;box-shadow:0 8px 28px rgba(0,0,0,0.18);transform:translateY(-4px);}
.video-clean iframe{width:100%;height:100%;border:none;display:block;}
/* ANIMAȚIE BACKGROUND COLORAT (turcoaz, roz sticlam, negru) */
@keyframes ioncoGradient {
    0% {background: linear-gradient(135deg, #00e5ff, #ff4fd8, #000000);}
    33% {background: linear-gradient(135deg, #ff4fd8, #000000, #00e5ff);}
    66% {background: linear-gradient(135deg, #000000, #00e5ff, #ff4fd8);}
    100% {background: linear-gradient(135deg, #00e5ff, #ff4fd8, #000000);}
}
/* TITLU + LINK – versiunea modificată */
.title-box{max-width:350px;height:300px;padding:25px 22px;border-radius:25px;animation:ioncoGradient 8s ease infinite;background-size:300% 300%;color:#ffffff;display:flex;flex-direction:column;justify-content:flex-start;transition:all 0.3s ease;}
.title-box:hover{box-shadow:0 8px 28px rgba(0,0,0,0.18);transform:translateY(-4px);}
/* TITLU – cu spațiu mai mare sub el */
.title-box h2{font-size:20px;margin:0 0 18px;line-height:1.35;}
/* LINK – underline la hover */
.title-box h2 a{color:#ffffff;text-decoration:none;position:relative;transition:color 0.3s ease;}
.title-box h2 a::after{content: "";position:absolute;left:0;bottom:-3px;width:0%;height:2px;background:#ffffff;transition:width 0.3s ease;}
.title-box h2 a:hover::after{width:100%;}
.title-box h2 a:hover{color:#e0e0e0;}
/* TEXT SUBTITLU – cade mai jos */
.title-box p{font-size:15px;color:#f1f1f1;margin-top:10px;}
/* ICONIȚĂ SĂGEATĂ – versiunea actualizată */
.arrow-link{margin-top:auto;text-decoration:none;display:flex;justify-content:flex-end;}
.arrow-icon{font-size:32px;color:#ffffff;transition:all 0.3s ease;display:inline-block;}
/* HOVER: se duce spre dreapta + culoare albastru deschis */
.arrow-link:hover .arrow-icon{transform:translateX(6px);color:#8fdcff;}
/* RESPONSIVE FIX PENTRU MOBILE */
@media (max-width: 768px) {
    .video-title-wrapper {
        flex-direction:column; /* video sus, text jos */
        align-items:center;
    }
.video-clean{width:100%;max-width:100%;height:auto;}
.video-clean iframe{height:220px;}
.title-box{max-width:100%;width:100%;height:auto;padding:25px 18px 30px;margin-top:15px;}
.arrow-link{justify-content:flex-end;margin-top:20px;}
.arrow-icon{font-size:30px;}}
/* div gallery */
div.gallery{border:1px solid #f1f1f1;border-radius:8px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.15),0 6px 10px 0 rgba(0,0,0,0.10);}
div.gallery:hover{border:1px solid #f1f1f1;box-shadow:0 2px 2px 0 rgba(0,0,0,0.30),0 6px 15px 0 rgba(0,0,0,0.30);}
div.gallery img{width:100%;height:210px;border-top-left-radius:8px;border-top-right-radius:8px;}
div.gallery img:hover{opacity:0.9;}
div.desc{color:#000;padding:15px;font-size:18px;font-weight:bold;text-align:center;}
* {box-sizing:border-box;}
.responsive{padding:0 20px 20px 0;float:left;width:32.99999%;}
@media only screen and (max-width: 700px){.responsive{width:49.99999%;margin:6px 0;}}
@media only screen and (max-width: 500px){.responsive{width:100%;}}
.clearfix:after{content: "";display:table;clear:both;}
p.uppercase,h5.uppercase{text-transform:uppercase;}
/* Pagination rows content */
.pagination-form{color:#fff;margin:30px 0 10px 0;font-size:14px;text-align:center;}
.pagination-form button{width:80px;background:#ff9933;border:1px solid #ff9933;color:#fff;padding:8px 10px;margin:0 10px;cursor:pointer;font-size:14px;font-weight:bold;border-radius:6px;transition:background 0.3s ease;}
.pagination-form button:hover{background-color:#ff8000;color:#fff;}
.pagination-form span{margin:0 10px;color:#000;font-weight:normal;}
/* Menu links */
a.blog:active,a.blog:visited,a.blog{color:#000;text-decoration:none;opacity:1;}
a.blog:hover{color:#1a1a1a;text-decoration:none;opacity:0.8;}
/* CONTAINER SUBSCRIBE - ANIMAȚIE COLȚURI ROTUNJITE */
@keyframes roundedCorners {
    0% {border-radius:0 0 0 0;}
    100% {border-radius:14px 14px 14px 14;}
}
/* CONTAINER SUBSCRIBE - ANIMAȚIE SHADOW PULSANT */
@keyframes pulseShadow {
    0% {box-shadow:0 -4px 18px rgba(0,0,0,0.15);}
    50% {box-shadow:0 -6px 28px rgba(0,0,0,0.25);}
    100% {box-shadow:0 -4px 18px rgba(0,0,0,0.15);}
}
/* CONTAINER APLICAȚIE SUBSCRIBE */
.ionco-subscribe-app{position:fixed;bottom:-330px;right:15px;margin-left:0;width:200px;height:330px;background:#ffffff;border:1px solid #ccc;border-radius:14px 14px 14px 14px;padding:15px;box-shadow:0 8px 28px rgba(0,0,0,0.18);transition:bottom 0.4s ease;z-index:9999;}
/* CÂND SE ACTIVEAZĂ – AICI SE APLICĂ ANIMAȚIILE */
.ionco-subscribe-app.show{bottom:10px;animation:roundedCorners 0.5s ease forwards, pulseShadow 1.8s ease-in-out 0.3s 3;}
/* BUTON ÎNCHIDERE */
.close-subscribe{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:18px;cursor:pointer;color:#000;}
.close-subscribe:hover{color:#696969;}
/* TITLU */
.subscribe-title{font-size:14px;font-weight:bold;color:#333;margin-top:35px;text-align:center;}
/* BUTON DOWNLOAD */
.btn-lg{margin-top:20px;width:100%;padding:10px 0;background:#ff9933;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:bold;transition:background 0.3s ease;}
.btn-lg:hover{background:#ff8000;color:#fff;}
/* TEXT SUB BUTON */
.subscribe-info{margin-top:15px;font-size:14px;color:#696969;line-height:1.3;text-align:center;}
/* link catre overlay text */
.ionco-help-link{display:block;color:#005ce6;text-align:center;text-decoration:none;}
.ionco-help-link a:hover{color:#3385ff;text-decoration:underline;}
/* FUNDAL OVERLAY */
.ionco-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:99999;}
/* FEREASTRA OVERLAY */
.ionco-overlay-box{width:400px;height:370px;background:#ffffff;border-radius:25px;box-shadow:0 0 35px rgba(0,0,0,0.35);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:30px 30px 30px 30px;}
/* icon security overlay */
.icon-security{display:flex;justify-content:center;}
/* 📱 OVERLAY MOBILE: adăugăm 15px spațiu stânga/dreapta */
@media (max-width: 600px) {
    .ionco-overlay-box {
        width:calc(100% - 30px); /* 15px stânga + 15px dreapta */
        max-width:400px;         /* nu depășește dimensiunea originală */
        height:auto;             /* înălțime flexibilă */
        max-height:90vh;         /* nu depășește ecranul */
        overflow-y:auto;         /* scroll dacă textul e prea lung */
    }
}
/* BUTON ÎNCHIDERE */
.overlay-close{position:absolute;top:12px;right:15px;background:transparent;border:none;font-size:22px;cursor:pointer;color:#000;}
.overlay-close:hover{color:#696969;}
/* TITLU */
.overlay-title{font-size:20px;font-weight:bold;color:#333;margin-bottom:20px;text-align:center;}
/* TEXT */
.overlay-text{font-size:15px;color:#555;line-height:1.4;}
/* MENU OVERLAY LINKS */
.menu-overlay{margin-top:-5px;text-align:center;}
a.blog-overlay:active,a.blog-overlay:visited,a.blog-overlay{color:#000;font-size:11px;text-decoration:none;opacity:1;}
a.blog-overlay:hover{color:#1a1a1a;text-decoration:underline;opacity:0.8;}