/* =====================================================
 ASTRION GALERIE
 SAFE GLOBAL UCOZ OVERRIDES
 ===================================================== */

:root{
 --astrion-navy:#061421;
 --astrion-navy-2:#0a1b2d;
 --astrion-purple:#754cff;
 --astrion-purple-hover:#6338ef;
 --astrion-purple-soft:#f5f1ff;
 --astrion-text:#111827;
 --astrion-muted:#6b7280;
 --astrion-border:#e5e7eb;
 --astrion-light:#f8f9fb;
 --astrion-white:#ffffff;

 /* uCoz հիմնական accent-ը դարձնում ենք ASTRION */
 --tpl-accent-blue:#754cff;
 --tpl-accent-blue-dark:#6338ef;
 --tpl-accent-blue-100:rgba(117,76,255,.18);
 --tpl-accent-blue-light:#f5f1ff;
}


/* =========================
 TEXT / LINKS
 ========================= */

a{
 transition:
 color .2s ease,
 border-color .2s ease,
 background-color .2s ease;
}

a:hover{
 color:var(--astrion-purple);
}


/* =========================
 INPUTS
 ========================= */

input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
select,
textarea{
 background:#fff;
 border:1px solid var(--astrion-border);
 border-radius:10px;
 color:var(--astrion-text);
 transition:
 border-color .2s ease,
 box-shadow .2s ease;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):focus,
select:focus,
textarea:focus{
 border-color:var(--astrion-purple);
 outline:none;
 box-shadow:0 0 0 3px rgba(117,76,255,.12);
}

input::placeholder,
textarea::placeholder{
 color:#9ca3af;
}


/* =========================
 CHECKBOX / RADIO
 ========================= */

input[type="checkbox"]:checked,
input[type="radio"]:checked{
 background-color:var(--astrion-purple);
 border-color:var(--astrion-purple);
}


/* =========================
 BUTTONS
 ========================= */

button:not(.ag-icon-btn),
input[type="submit"],
.button-link,
.basketorder,
.add-to-cart-link,
.buy-box [id$="buynow"]{
 border-radius:10px;
}

input[type="submit"],
.button-link,
.basketorder,
.add-to-cart-link,
.buy-box [id$="buynow"]{
 background:var(--astrion-navy);
 color:#fff;
 border:0;
}

input[type="submit"]:hover,
.button-link:hover,
.basketorder:hover,
.add-to-cart-link:hover,
.buy-box [id$="buynow"]:hover{
 background:var(--astrion-purple);
 color:#fff;
}


/* =========================
 UCOZ PANELS
 ========================= */

.sidebar-block{
 background:#fff;
 border:1px solid var(--astrion-border);
 border-radius:16px;
 box-shadow:0 8px 28px rgba(6,20,33,.05);
}

.sidebar-block-title{
 color:var(--astrion-navy);
 font-weight:700;
}


/* =========================
 LOGIN / ACCOUNT
 ========================= */

.login-form-wrapper .login-form{
 background:#fff;
 border:1px solid var(--astrion-border);
 border-radius:16px;
 box-shadow:0 12px 35px rgba(6,20,33,.07);
}


/* =========================
 TABLES
 ========================= */

.gTable,
.shop-order-table,
.invoices-table{
 border-color:var(--astrion-border);
}

.gTable td,
.gTable th,
.shop-order-table td,
.shop-order-table th,
.invoices-table td,
.invoices-table th{
 border-color:var(--astrion-border);
}

.gTableTop,
.gTableSubTop,
.gTableSubTop1,
.gTableSubTop2{
 background:var(--astrion-purple-soft);
 color:var(--astrion-navy);
 font-weight:700;
}


/* =========================
 PAGINATION
 ========================= */

.shop-pagination .pgSwchA,
.module-forum .switchActive,
.swchItemA,
.swchItemA1{
 background:var(--astrion-purple);
 color:#fff;
}

.shop-pagination .pgSwchA:hover,
.module-forum .switchActive:hover,
.swchItemA:hover,
.swchItemA1:hover{
 background:var(--astrion-purple-hover);
 color:#fff;
}


/* =========================
 SEARCH RESULTS
 ========================= */

.module-search .results-layout .eBlock{
 background:#fff;
 border:1px solid var(--astrion-border);
 border-radius:14px;
 padding:18px !important;
 margin-bottom:14px;
 box-shadow:0 8px 28px rgba(6,20,33,.04);
}

.module-search .results-layout .eTitle a{
 color:var(--astrion-navy);
 font-weight:700;
}

.module-search .results-layout .eTitle a:hover{
 color:var(--astrion-purple);
}


/* =========================
 GENERATED CONTENT
 ========================= */

.index-page-content,
.product-page-desc,
.entry-layout .eText,
.entry-layout .eMessage{
 color:#374151;
 line-height:1.7;
}

.index-page-content a,
.product-page-desc a,
.entry-layout .eText a,
.entry-layout .eMessage a{
 color:var(--astrion-purple);
}


/* =========================
 SHOP
 ========================= */

.module-shop .product-card{
 background:#fff;
 border:1px solid var(--astrion-border);
 border-radius:16px;
 overflow:hidden;
 transition:
 transform .2s ease,
 box-shadow .2s ease,
 border-color .2s ease;
}

.module-shop .product-card:hover{
 transform:translateY(-3px);
 border-color:#d8ceff;
 box-shadow:0 14px 38px rgba(6,20,33,.09);
}

.module-shop .product-card-title{
 color:var(--astrion-navy);
}

.module-shop .product-card-title:hover{
 color:var(--astrion-purple);
}

.module-shop .newprice{
 color:var(--astrion-navy);
 font-weight:700;
}


/* =========================
 CART
 ========================= */

#shop_cart_panel,
.header-cart .cart-panel{
 background:#fff !important;
 border:1px solid var(--astrion-border) !important;
 border-radius:14px !important;
 box-shadow:0 18px 50px rgba(6,20,33,.15) !important;
}


/* =========================
 INFO / NOTICE
 ========================= */

.notice-info{
 --notice-bg-color:#f7f5ff;
 --notice-border-color:#e3dcff;
 --notice-title-color:#061421;
 --notice-color:#606977;
 --notice-icon-color:#754cff;
}


/* =========================
 STATUS
 ========================= */

.statusOnline,
.highlight-green{
 color:#16a34a;
}

.statusOffline,
.highlight-red,
.commError,
.manTdError,
.gTableError{
 color:#dc2626;
}


/* =========================
 ASTRION CUSTOM CONTENT
 ========================= */

.ag-module-content{
 color:var(--astrion-text);
}

.ag-module-content h1,
.ag-module-content h2,
.ag-module-content h3,
.ag-module-content h4{
 color:var(--astrion-navy);
}

.ag-module-content a{
 color:var(--astrion-purple);
}


/* =========================
 UCOZ ADMIN BAR
 ========================= */

#uAdminBar,
.uadm{
 z-index:100000 !important;
}


/* =====================================================
 PRODUCT COMPARISON
 ===================================================== */

.ag-compare-th{
 min-width:220px;
 width:240px;
 padding:10px !important;
 vertical-align:top;
 background:transparent;
}

.ag-compare-product{
 position:relative;
 width:100%;
 background:#fff;
 border:1px solid var(--astrion-border);
 border-radius:18px;
 overflow:hidden;
 box-shadow:0 8px 28px rgba(7,18,32,.06);
 transition:
 transform .25s ease,
 box-shadow .25s ease,
 border-color .25s ease;
}

.ag-compare-product:hover{
 transform:translateY(-3px);
 border-color:rgba(117,76,255,.28);
 box-shadow:0 16px 38px rgba(7,18,32,.11);
}


/* REMOVE BUTTON */

.ag-compare-remove{
 position:absolute;
 top:10px;
 right:10px;
 z-index:5;

 width:34px;
 height:34px;

 display:flex;
 align-items:center;
 justify-content:center;

 padding:0;
 border:1px solid rgba(7,18,32,.08);
 border-radius:50%;

 background:rgba(255,255,255,.95);
 color:#68717e;

 cursor:pointer;

 box-shadow:0 5px 15px rgba(0,0,0,.07);

 transition:.2s;
}

.ag-compare-remove .material-symbols-outlined{
 font-size:19px;
}

.ag-compare-remove:hover{
 background:#f0445a;
 border-color:#f0445a;
 color:#fff;
 transform:rotate(90deg);
}


/* COMPARE IMAGE */

.ag-compare-image-link{
 display:block;
 width:100%;
}

.ag-compare-image-box{
 position:relative;
 width:100%;
 aspect-ratio:1 / 1;

 display:flex;
 align-items:center;
 justify-content:center;

 overflow:hidden;

 background:
 radial-gradient(
 circle at 80% 20%,
 rgba(117,76,255,.10),
 transparent 34%
 ),
 #f7f8fb;
}

.ag-compare-image{
 width:100%;
 height:100%;

 object-fit:contain;

 padding:14px;

 transition:transform .35s ease;
}

.ag-compare-product:hover .ag-compare-image{
 transform:scale(1.04);
}


/* COMPARE CONTENT */

.ag-compare-content{
 padding:15px;
 text-align:left;
}

.ag-compare-title{
 display:block;

 min-height:42px;

 font-family:'Inter',sans-serif;
 font-size:14px;
 font-weight:700;
 line-height:1.45;

 color:var(--astrion-text);

 transition:.2s;
}

.ag-compare-title:hover{
 color:var(--astrion-purple);
}


/* COMPARE PRICE */

.ag-compare-price{
 margin-top:12px;

 font-family:'Inter',sans-serif;
 font-size:19px;
 font-weight:800;
 line-height:1.2;

 color:var(--astrion-purple);
}


/* COMPARE VIEW BUTTON */

.ag-compare-view{
 width:100%;
 min-height:40px;

 margin-top:15px;

 display:flex;
 align-items:center;
 justify-content:center;
 gap:6px;

 border-radius:11px;

 background:var(--astrion-purple-soft);
 color:var(--astrion-purple);

 font-family:'Inter',sans-serif;
 font-size:12px;
 font-weight:700;

 text-decoration:none;

 transition:.2s;
}

.ag-compare-view .material-symbols-outlined{
 font-size:17px;
 transition:transform .2s;
}

.ag-compare-view:hover{
 background:var(--astrion-purple);
 color:#fff;
}

.ag-compare-view:hover .material-symbols-outlined{
 transform:translateX(3px);
}


/* =========================
 MOBILE
 ========================= */

@media screen and (max-width:760px){

 .module-search .results-layout .eBlock{
 padding:14px !important;
 border-radius:12px;
 }

 .sidebar-block{
 border-radius:12px;
 }

 input:not([type="checkbox"]):not([type="radio"]),
 select,
 textarea{
 max-width:100%;
 }


 /* COMPARE MOBILE */

 .ag-compare-th{
 min-width:190px;
 width:200px;
 padding:7px !important;
 }

 .ag-compare-content{
 padding:12px;
 }

 .ag-compare-title{
 font-size:13px;
 }

 .ag-compare-price{
 font-size:17px;
 }

 .ag-compare-view{
 min-height:38px;
 }

}