/*
Theme Name: Istanet License
Theme URI: https://istanet.gr
Author: Istanet.gr
Author URI: https://istanet.gr
Description: Μινιμαλιστικό dark γυάλινο θέμα. Κοινή μορφοποίηση σε σελίδες/άρθρα/αρχεία με ίδιο background, κάρτες, κουμπιά, μενού.
Version: 1.5.0
License: GPL-2.0-or-later
Text Domain: istanet-license
*/

:root{
  --bg-1:#0b1222;
  --bg-2:#0e1a34;
  --card:#0f1f3bcc;
  --accent:#73b7ff;
  --text:#e9f1ff;
  --muted:#b4c7e6;
  --ring:#2a6cff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  background:
    radial-gradient(60rem 60rem at 80% -10%, #193a78 0%, transparent 60%),
    radial-gradient(50rem 50rem at -10% 110%, #132b55 0%, transparent 60%),
    linear-gradient(180deg, var(--bg-2), var(--bg-1));
  min-height:100dvh;
}

/* Κεφαλίδα */
.site-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter:saturate(140%) blur(10px);
  background:linear-gradient(180deg, rgba(10,18,38,.9), rgba(10,18,38,.6));
  border-bottom:1px solid rgba(115,183,255,.15);
}
.container{
  width:min(1200px, 92vw);
  margin-inline:auto;
  padding:14px 0;
  display:flex; align-items:center; gap:20px; justify-content:space-between;
}
.brand{
  display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text);
  font-weight:700; letter-spacing:.2px;
}
.brand .logo{
  width:36px;height:36px; border-radius:10px;
  background:linear-gradient(180deg,#9fd0ff,#84beff);
  box-shadow:0 4px 16px rgba(132,190,255,.25);
  display:inline-flex; align-items:center; justify-content:center;
}
.brand .logo svg{opacity:.85}
.site-title{font-size:1.05rem; margin:0}

/* Μενού */
.primary-nav{display:flex; gap:10px; align-items:center}
.menu-toggle{display:none}
.primary-nav ul{display:flex; gap:6px; list-style:none; margin:0; padding:0}
.primary-nav a{
  display:inline-flex; align-items:center; gap:.5rem;
  color:var(--muted); text-decoration:none; font-weight:600;
  padding:8px 12px; border-radius:12px;
  border:1px solid transparent;
}
.primary-nav a:hover,
.primary-nav .current-menu-item>a,
.primary-nav .current_page_item>a{
  color:var(--text);
  border-color:rgba(115,183,255,.25);
  background:rgba(115,183,255,.08);
}

/* Περιεχόμενο */
.wrap{ width:min(960px, 92vw); margin-inline:auto; padding:26px 0 64px }
.card{
  position:relative;
  background:var(--card);
  backdrop-filter: blur(10px);
  border:1px solid rgba(115,183,255,.15);
  border-radius:20px;
  padding: clamp(20px, 3.5vw, 40px);
  box-shadow: 0 20px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
.ring{
  position:absolute; inset:-2px; border-radius:20px; pointer-events:none;
  box-shadow:0 0 0 1px rgba(42,108,255,.25), 0 0 60px rgba(42,108,255,.12) inset;
  mask: linear-gradient(#000 0 0) exclude, radial-gradient(22px 22px at 18px 18px,#000 98%, transparent) no-repeat;
}
.badge{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--accent);
  background:rgba(115,183,255,.08);
  border:1px solid rgba(115,183,255,.25);
  padding:.35rem .65rem; border-radius:999px;
}

/* Τυπογραφία άρθρων/σελίδων */
.entry-title{margin:.2rem 0 1rem; font-size:clamp(26px, 4.6vw, 42px); line-height:1.15}
.entry-meta{color:var(--muted); font-size:.95rem; margin:0 0 1rem}
.entry-content{color:var(--text)}
.entry-content p{margin:0 0 1rem}
.entry-content h2, .entry-content h3, .entry-content h4{margin:1.4rem 0 .6rem}
.entry-content a{color:var(--accent); text-decoration:none; border-bottom:1px dotted rgba(115,183,255,.4)}
.entry-content a:hover{border-bottom-color:rgba(115,183,255,.8)}
.entry-content code,kbd,pre{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}
pre{background:rgba(13,27,52,.55); border:1px solid rgba(115,183,255,.15); border-radius:12px; padding:12px; overflow:auto}

/* Κουμπιά */
.btn,
.wp-block-button__link{
  appearance:none; border:none; cursor:pointer;
  padding:12px 18px; border-radius:14px; font-weight:700; letter-spacing:.2px;
  color:#061127; text-decoration:none; display:inline-flex; align-items:center; gap:.5rem;
  background:linear-gradient(180deg,#9fd0ff,#84beff);
  box-shadow:0 8px 22px rgba(132,190,255,.25);
  transition:transform .12s ease, box-shadow .12s ease;
}
.btn:hover,.wp-block-button__link:hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(132,190,255,.32) }
.btn:active,.wp-block-button__link:active{ transform:translateY(0) }
.btn.sec{ background:transparent; color:var(--text); border:1px solid rgba(115,183,255,.3); box-shadow:none }

/* Πλέγμα features (reusable) */
.grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; margin-top:clamp(16px, 3vw, 28px) }
.feature{
  border:1px solid rgba(115,183,255,.15);
  background:rgba(13,27,52,.55);
  border-radius:16px;
  padding:14px 16px; min-height:88px;
}
.feature h3{ margin:0 0 .35rem; font-size:1rem; color:var(--accent) }
.feature p{ margin:0; color:var(--muted); font-size:.95rem }
.key{
  display:inline-block; padding:.35rem .55rem;
  border:1px dashed rgba(115,183,255,.35); border-radius:10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  color:var(--accent); background:rgba(39,78,154,.25);
}

/* Λίστες άρθρων/αρχειοσελίδες */
.post-list{display:grid; gap:18px}
.post-card{
  border:1px solid rgba(115,183,255,.15);
  background:rgba(13,27,52,.55);
  border-radius:16px; padding:16px 18px;
}
.post-card h2{margin:.2rem 0}
.post-card a{color:var(--text); text-decoration:none}
.post-card a:hover{text-decoration:underline}

/* Πλοήγηση σελίδων */
.pagination{display:flex; gap:8px; flex-wrap:wrap; margin-top:18px}
.pagination a, .pagination span{
  padding:8px 12px; border-radius:12px;
  border:1px solid rgba(115,183,255,.25);
  color:var(--muted); text-decoration:none;
}
.pagination .current{background:rgba(115,183,255,.1); color:var(--text)}

/* Υποσέλιδο */
.site-footer{
  margin-top:32px;
  padding:16px 0;
  color:#c8d8ffb3; font-size:.9rem; text-align:center;
  backdrop-filter: blur(6px);
  background:linear-gradient(180deg, transparent, rgba(6,15,32,.55));
  border-top:1px solid rgba(115,183,255,.15);
}

/* Mobile */
@media (max-width: 900px){
  .primary-nav ul{display:none}
  .menu-toggle{display:inline-flex; align-items:center; gap:.5rem; padding:8px 12px; border-radius:12px;
    border:1px solid rgba(115,183,255,.25); background:rgba(115,183,255,.08); color:var(--text)}
  .primary-nav.open ul{display:flex; position:absolute; top:60px; right:4vw; flex-direction:column; gap:6px;
    padding:8px; background:rgba(13,27,52,.95); border:1px solid rgba(115,183,255,.2); border-radius:14px}
  .grid{ grid-template-columns: 1fr }
}

/* WooCommerce dark glass styling */
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button, .woocommerce #respond input#submit,
.add_to_cart_button, .single_add_to_cart_button {
  appearance:none; border:none; cursor:pointer;
  padding:12px 18px; border-radius:14px; font-weight:700; letter-spacing:.2px;
  color:#061127; text-decoration:none;
  background:linear-gradient(180deg,#9fd0ff,#84beff);
  box-shadow:0 8px 22px rgba(132,190,255,.25);
  transition:transform .12s ease, box-shadow .12s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.add_to_cart_button:hover, .single_add_to_cart_button:hover {
  transform:translateY(-1px); box-shadow:0 12px 28px rgba(132,190,255,.32);
}
.woocommerce div.product, .woocommerce ul.products li.product, 
.woocommerce-cart, .woocommerce-checkout {
  color:var(--text);
}
.woocommerce ul.products li.product .price, 
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color:var(--accent);
}
.woocommerce .woocommerce-breadcrumb a{ color:var(--muted) }
.woocommerce .woocommerce-breadcrumb { color:var(--text) }
.woocommerce .input-text, .woocommerce select, .woocommerce textarea {
  background:rgba(13,27,52,.55)!important; 
  border:1px solid rgba(115,183,255,.2)!important; 
  color:var(--text)!important; 
  border-radius:12px!important;
}
.woocommerce .select2-container--default .select2-selection--single{
  background:rgba(13,27,52,.55); border:1px solid rgba(115,183,255,.2); color:var(--text); border-radius:12px;
}
.woocommerce table.shop_table{
  background:rgba(13,27,52,.55);
  border:1px solid rgba(115,183,255,.15);
  color:var(--text);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  background:rgba(13,27,52,.75);
  border:1px solid rgba(115,183,255,.25);
  color:var(--text);
}

/* Layout με sidebar (responsive) */
.layout{
  display:grid;
  grid-template-columns: 1fr;
  gap:18px;
}
@media (min-width: 992px){
  .layout{
    grid-template-columns: minmax(0,1fr) 320px; /* περιεχόμενο + sidebar */
    align-items:start;
  }
}
.sidebar .card{ padding:16px }
.sidebar .widget{ border:1px solid rgba(115,183,255,.15); background:rgba(13,27,52,.55); border-radius:16px; padding:12px 14px }

/* Footer widgets */
.footer-widgets{
  margin-top:24px;
  padding:18px 0 6px;
  border-top:1px solid rgba(115,183,255,.15);
}
.footer-grid{
  display:grid; gap:16px;
  grid-template-columns: 1fr;
}
@media (min-width: 900px){
  .footer-grid{ grid-template-columns: repeat(3, 1fr); }
}
.footer-widgets .widget{ border:1px solid rgba(115,183,255,.12); background:rgba(13,27,52,.45); border-radius:14px; padding:12px 14px }