/*
 * my.1host.gr retouch (10/2026): same look as the new 1host.gr.
 * Loaded after app.css. Pure CSS, no new JS, no external requests.
 * Motion is off on cart / checkout / payment pages (body.no-motion)
 * and for visitors who turned motion off on their device.
 */

/* ---------- Fonts (self-hosted, OFL) ---------- */
@font-face{font-family:"Commissioner";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/commissioner/commissioner-greek-400-normal.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Commissioner";font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/commissioner/commissioner-greek-600-normal.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Commissioner";font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/commissioner/commissioner-greek-700-normal.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Commissioner";font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/commissioner/commissioner-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Commissioner";font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/commissioner/commissioner-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Commissioner";font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/commissioner/commissioner-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --rt-font:"Commissioner",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --rt-blue:#1e95d1;
  --rt-blue-2:#3b5bdb;
  --rt-radius:16px;
  --rt-radius-sm:12px;
  --rt-shadow:0 2px 6px rgba(20,30,60,.06),0 8px 24px rgba(20,30,60,.06);
  --rt-shadow-hover:0 6px 14px rgba(20,30,60,.10),0 18px 40px rgba(20,30,60,.14);
  --rt-ease:cubic-bezier(.22,1,.36,1);
  --rt-bounce:cubic-bezier(.34,1.56,.64,1);
}

/* ---------- Type ---------- */
h1,h2,h3,h4,h5,h6,.card-title,.page-title-box h4,.modal-title,
#sidebar-menu ul li a,.btn,.header-item,.nav-tabs .nav-link{
  font-family:var(--rt-font);
}
h1,h2,h3,h4,.card-title{letter-spacing:-.01em}

/* ---------- Cards ---------- */
.page-content .card{
  border:0;
  border-radius:var(--rt-radius);
  box-shadow:var(--rt-shadow);
  transition:transform .35s var(--rt-ease),box-shadow .35s var(--rt-ease);
}
.page-content .card:hover{box-shadow:var(--rt-shadow-hover)}

/* Dashboard tiles: gradients, big lift, lively icons */
.mini-stats-wid,.blog-stats-wid{cursor:default}
.page-content .mini-stats-wid:hover,.page-content .blog-stats-wid:hover{transform:translateY(-8px) scale(1.02)}
.card[style*="#369"]{background-image:linear-gradient(135deg,#2f6fb0 0%,#3b5bdb 55%,#5f3dc4 100%)!important}
.card[style*="#5cb85c"]{background-image:linear-gradient(135deg,#2fb380 0%,#40c057 60%,#94d82d 100%)!important}
.card[style*="#d9534f"]{background-image:linear-gradient(135deg,#f0506e 0%,#e64980 55%,#c2255c 100%)!important}
.card[style*="#f0ad4e"]{background-image:linear-gradient(135deg,#ffa94d 0%,#fd7e14 55%,#f76707 100%)!important}
.mini-stats-wid .avatar-title,.blog-stats-wid .avatar-title{
  background-color:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(2px);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);
  transition:transform .6s var(--rt-bounce);
  animation:rt-float 3.2s ease-in-out infinite;
}
.mini-stats-wid:hover .avatar-title,.blog-stats-wid:hover .avatar-title{
  animation:none;
  transform:scale(1.28) rotate(-12deg);
}
.blog-stats-wid:nth-of-type(2) .avatar-title{animation-delay:.4s}

/* ---------- Buttons ---------- */
.btn{
  border-radius:999px;
  font-weight:600;
  padding-inline:1.15rem;
  transition:transform .25s var(--rt-bounce),box-shadow .25s var(--rt-ease),filter .2s;
  position:relative;
}
.btn-sm{padding-inline:.8rem}
.btn-primary{
  background-image:linear-gradient(135deg,var(--rt-blue) 0%,var(--rt-blue-2) 100%);
  border-color:transparent;
  box-shadow:0 4px 14px rgba(30,149,209,.35);
}
.btn:hover{transform:translateY(-2px);filter:brightness(.94)}
.btn-primary:hover{box-shadow:0 8px 22px rgba(30,149,209,.45)}
.btn:active{transform:translateY(0) scale(.97)}
.btn-primary::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .7s var(--rt-ease);
  pointer-events:none;
}
.btn-primary:hover::after{transform:translateX(120%)}
.btn:focus-visible{outline:3px solid rgba(30,149,209,.45);outline-offset:2px}

/* ---------- Forms ---------- */
.form-control,.form-select,.input-group-text{border-radius:var(--rt-radius-sm)}
.input-group>.form-control:not(:first-child),.input-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.form-control:not(:last-child),.input-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.form-control:focus,.form-select:focus{border-color:var(--rt-blue);box-shadow:0 0 0 .22rem rgba(30,149,209,.18)}

/* ---------- Tabs, tables, modals ---------- */
.nav-tabs .nav-link{border-radius:12px 12px 0 0;transition:color .2s,background-color .2s}
.table>thead th{font-family:var(--rt-font);font-weight:600}
.table-hover>tbody>tr{transition:background-color .2s}
.modal-content{border:0;border-radius:20px;box-shadow:var(--rt-shadow-hover)}
.dropdown-menu{border:0;border-radius:14px;box-shadow:var(--rt-shadow-hover);padding:.4rem}
.dropdown-item{border-radius:10px;transition:background-color .2s,transform .2s var(--rt-ease)}
.dropdown-item:hover{transform:translateX(4px)}
.badge{border-radius:999px}

/* ---------- Sidebar menu: big, playful icon motion ---------- */
#sidebar-menu ul li a{border-radius:14px;margin:2px 10px;transition:background-color .25s,color .25s,transform .3s var(--rt-ease)}
#sidebar-menu ul li a i{
  display:inline-block;
  transition:transform .5s var(--rt-bounce),color .25s;
  transform-origin:50% 60%;
}
#sidebar-menu ul li a:hover{transform:translateX(4px)}
#sidebar-menu ul li a:hover i{transform:scale(1.45) rotate(-12deg);color:var(--rt-blue)}
#sidebar-menu ul li:nth-child(even)>a:hover i{transform:scale(1.45) rotate(12deg)}
#sidebar-menu>ul>li.mm-active>a{
  background-image:linear-gradient(135deg,rgba(30,149,209,.16),rgba(59,91,219,.16));
}
#sidebar-menu>ul>li.mm-active>a i{animation:rt-wiggle 1.2s var(--rt-ease) 1}
#sidebar-menu ul li ul.sub-menu li a{position:relative}
#sidebar-menu ul li ul.sub-menu li a::before{
  content:"";position:absolute;left:1.9rem;top:50%;width:6px;height:6px;border-radius:50%;
  background:var(--rt-blue);transform:translateY(-50%) scale(0);transition:transform .3s var(--rt-bounce);
}
#sidebar-menu ul li ul.sub-menu li a:hover::before{transform:translateY(-50%) scale(1)}

/* Logo and topbar icons */
.navbar-brand-box .logo img{transition:transform .5s var(--rt-bounce)}
.navbar-brand-box .logo:hover img{transform:scale(1.06) rotate(-2deg)}
#page-topbar{box-shadow:0 2px 14px rgba(20,30,60,.06)}
.header-item i,.header-item img{display:inline-block;transition:transform .45s var(--rt-bounce)}
.header-item:hover i,.header-item:hover img{transform:scale(1.25) rotate(-8deg)}
.header-item:hover .rounded-circle{transform:scale(1.12)}

/* ---------- Page entrance ---------- */
.page-content .container-fluid>.row,
.page-content .container-fluid>.card,
.page-content .container-fluid>div>.row{
  animation:rt-rise .6s var(--rt-ease) both;
}
.page-content .container-fluid>*:nth-child(2){animation-delay:.06s}
.page-content .container-fluid>*:nth-child(3){animation-delay:.12s}
.page-content .container-fluid>*:nth-child(4){animation-delay:.18s}
.page-content .container-fluid>*:nth-child(n+5){animation-delay:.24s}
.page-content .row>[class*="col"]>.card{animation:rt-pop .55s var(--rt-bounce) both}
.page-content .row>[class*="col"]:nth-child(2)>.card{animation-delay:.08s}
.page-content .row>[class*="col"]:nth-child(3)>.card{animation-delay:.16s}
.page-content .row>[class*="col"]:nth-child(4)>.card{animation-delay:.24s}

@keyframes rt-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes rt-pop{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}
@keyframes rt-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes rt-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg) scale(1.2)}50%{transform:rotate(10deg) scale(1.2)}75%{transform:rotate(-6deg)}}

/* ---------- No motion: cart, checkout, payment, and reduced-motion users ---------- */
body.no-motion *,body.no-motion *::before,body.no-motion *::after{
  animation:none!important;
  transition:none!important;
}
body.no-motion .card:hover,body.no-motion .btn:hover{transform:none!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .page-content .card:hover,.btn:hover,#sidebar-menu ul li a:hover,#sidebar-menu ul li a:hover i,
  .mini-stats-wid:hover .avatar-title,.blog-stats-wid:hover .avatar-title,.header-item:hover i{transform:none!important}
}
@media (hover:none){
  .page-content .mini-stats-wid:hover,.page-content .blog-stats-wid:hover,.btn:hover{transform:none}
}