/* ebottega.it - foglio di stile globale - revisione 2026
   Palette e identita originali mantenute, tipografia e componenti modernizzati. */

:root{
	--eb-text:#42412C;
	--eb-text-soft:#505050;
	--eb-gold:#D7C47C;
	--eb-gold-dark:#7C7348;
	--eb-olive:#838374;
	--eb-menu:#DADBC3;
	--eb-link:#0000EE;
	--eb-link-hover:#0645AD;
	--eb-font:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Verdana,Arial,sans-serif;
	--eb-radius-xs:6px;
	--eb-radius-s:8px;
	--eb-radius-m:12px;
	--eb-radius-l:16px;
	--eb-radius-pill:999px;
	--eb-border-soft:#F0EAD8;
	--eb-shadow-s:0 1px 3px rgba(0,0,0,.12);
	--eb-shadow-m:0 8px 20px -10px rgba(0,0,0,.35);
}

::selection{
	background:rgba(215,196,124,.65);
	color:#42412C;
}

:focus-visible{
	outline:2px solid rgba(124,115,72,.65);
	outline-offset:2px;
}

OL, UL{list-style-position:outside;margin:0px 0px 0px 14px;font-family:var(--eb-font);font-size:12px;font-style:normal;color:var(--eb-text)}
LI{list-style-position:outside;margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;color:var(--eb-text)}
BODY, P, TD, TR{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;color:var(--eb-text);line-height:1.45}
p.attenzione{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;color:var(--eb-text)}
h2{margin:0px 0px 0px 0px;font-weight:bold;font-size:12px;letter-spacing:.01em}
.spec{font-size:11px;margin-bottom:5pt}
.sect{font-weight:bold;font-size:12px}
.para{color:#42412C;background-color:#D7C47C;font-size:13px;border-radius:var(--eb-radius-s)}
.descr{font-size:11px}
.disclaimer{border-top:1px solid #b0b0b0;margin-top:20pt;font-size:11px;color:var(--eb-text-soft);padding-top:10pt;font-style:italic;text-align:center}
.garmin{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#0000FF}
p.datibonifico{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#000000}
a:active{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#42412C}
a:link{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#000000;transition:color .15s ease}
a:visited{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#42412C}
a:hover{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:underline;text-underline-offset:2px;color:var(--eb-link-hover)}
STRONG a:active{font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#FF0000}
STRONG a:link{font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#FFCC33}
STRONG a:visited{font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#FF8000}
STRONG a:hover{font-family:var(--eb-font);font-size:12px;font-style:normal;text-decoration:none;color:#FFFFCC}
h6{font-weight:bold;margin:-20px 2px -25px 0px;text-align:right;font-size:12px;color:red}
h1{font-weight:bold;margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:20px;color:var(--eb-gold-dark);letter-spacing:.01em}
h5{margin:0px 0px 0px 0px;font-size:12px;font-style:normal;text-decoration:none}
h4{margin:0px 0px 0px 0px;font-family:var(--eb-font);font-size:16px;font-style:normal;text-decoration:none;color:#0000FF}
.dissolvi{
	animation:dolce 2s infinite;
}
@keyframes dolce {
	0% {background-color:yellow;}
	50% {background-color:white;}
	100% {background-color:yellow;}
}
.divradio{
	margin-top:-13px;
	margin-left:18px;
}
.sprite{background:url(https://www.e-bottega.it/interfaccia/pagam.jpeg)}
.Bonifico{background-position:0 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.Mastercard{background-position:-51px 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.Paypal{background-position:-103px 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.PostePay{background-position:-155px 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.SecureCode{background-position:-207px 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.Visa{background-position:-259px 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.VisaElectron{background-position:-311px 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.iwsmile{background-position:-363px 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.verified-by-visa{background-position:-415px 0;width:47px;height:28px;border:1px solid #d9d9d9;border-radius:var(--eb-radius-s);background-color:#fff}
.categorie{margin:0 0 0 0;font-family:var(--eb-font);font-size:12px;color:#0000EE;text-decoration:underline;text-underline-offset:2px}
.categorie2{margin:0 0 0 0;font-family:var(--eb-font);font-size:12px;color:#0000EE;cursor:pointer}
.SpriteInterfaccia{background:url(https://www.e-bottega.it/interfaccia/SpriteInterfaccia.png)}
.brandeslogovs{background-position:0 0;width:57px;height:17px;border:0}
.card{background-position:-107px 0;width:20px;height:17px;border:0}
.cornetta{background-position:-177px 0;width:18px;height:21px;border:0}
.frecciadx{background-position:-245px 0;width:7px;height:9px;border:0}
.trasparentefino{background-position:-302px 0;width:2px;height:50px;border:0}
SPAN.larghezzaEtichette{width:58px;text-align:right}
A{color:blue;cursor:pointer}
td.a{font-size:17px;font-family:var(--eb-font)}
DIV.nuvola{}

/* Form controls: base moderna e coerente */
INPUT, SELECT, TEXTAREA, BUTTON{font-family:var(--eb-font);font-size:12px;color:var(--eb-text)}
INPUT[type="text"], INPUT[type="password"], INPUT[type="email"], INPUT[type="number"], INPUT[type="tel"], INPUT[type="search"], SELECT, TEXTAREA{
	border:1px solid #c9c9c9;
	border-radius:var(--eb-radius-s);
	padding:6px 10px;
	box-sizing:border-box;
	background-color:#fff;
	transition:border-color .15s ease, box-shadow .15s ease;
}
INPUT[type="text"]:focus, INPUT[type="password"]:focus, INPUT[type="email"]:focus, INPUT[type="number"]:focus, INPUT[type="tel"]:focus, INPUT[type="search"]:focus, SELECT:focus, TEXTAREA:focus{
	outline:none;
	border-color:var(--eb-gold-dark);
	box-shadow:0 0 0 3px rgba(215,196,124,.45);
}
INPUT[type="radio"], INPUT[type="checkbox"]{accent-color:var(--eb-gold-dark)}
BUTTON, INPUT[type="submit"], INPUT[type="button"], INPUT[type="reset"]{cursor:pointer}

/* carrello 4/10/2013 */
.add_remove_cart{ width:60px;}
.add_remove_cart form{ width:75%; float:left; }
.add_remove_cart  input{ width:100%; text-align:right;}
.add_remove_cart ul{ float:right; padding:0; margin:0; list-style:none; }
.add_remove_cart  li{ padding:0; margin:0; list-style:none; }
.add_remove_cart  img{ border:0; }
/* social 15/10/2013*/
#social-top-content{float:left; position:absolute; top:0; width:30px; height:40px; left:50%; margin-left:350px; background-color:transparent; border-radius:0 0 var(--eb-radius-m) var(--eb-radius-m);}
#social-top-content a{
  padding:0;
  float:left;
  clear:left;
  opacity:0.7;
  transition:opacity .2s ease;
}
#social-top-content a image{
	border:0px;
}
#social-top-content a:hover{
  opacity:1;
  zoom:1;
}

/* SCHEDE TECNICHE PRODOTTI */
.scheda_tecnica_ic{ width:100%; display:block !important; }
.scheda_tecnica_ic .title{text-align:left; display:block; font-weight:bold; font-size:18px;}
.scheda_tecnica_ic .shortdesc{text-align:left; display:block; font-weight:normal; margin:0px;}
.scheda_tecnica_ic .block_ic{ display:block; margin-top:10px; width:100%; border:1px solid #d0d0d0; border-radius:var(--eb-radius-m); overflow:hidden; float:left;}
.scheda_tecnica_ic .block_ic .title_ic{font-weight:bold; text-align:left; display:block; background-color:#dedede; padding:6px 8px;}
.scheda_tecnica_ic .block_ic .tr_ic{width:99.99%; border:1px solid #d0d0d0; float:left;}
.scheda_tecnica_ic .block_ic .th_ic{width:20%; float:left;}
.scheda_tecnica_ic .block_ic .td_ic{width:78%; border-left:1px solid #d0d0d0; float:left;}
.scheda_tecnica_ic .block_ic .td_ic, .scheda_tecnica_ic .block_ic .th_ic{text-align:left; padding:6px 8px;}

.inputpiccolo{height:24px; font-size:12px; border:1px solid #c3c3c3; border-radius:var(--eb-radius-s); padding:0 8px; box-sizing:border-box; background-color:#fff}
.inputpiccolo:focus{outline:none; border-color:var(--eb-gold-dark); box-shadow:0 0 0 3px rgba(215,196,124,.45)}

/* MODIFICHE MAGLIE */

input[type='radio']{
	display:table-cell;
	vertical-align:middle;
	margin-bottom:4px;
}

table#tabella_fat_el{
	margin-left:-3px;
	min-width:330px;
	max-width:330px;
}

table#tabella_fat_el tr{
	height:20px;
}

table#tabella_fat_el tr, table#tabella_fat_el td{
	margin:0;
}

table, td, tr{
	border-collapse:collapse;
}

.time {
	display:inline-block;
	font-size:26px;
	padding:5px;
	text-align:center;
	width:94px;
	margin-top:5px;
	font-variant-numeric:tabular-nums;
}

.redshadow{
	box-shadow:0 0 9px 0 rgba(255,0,0,.5);
}

.block{
	background-color:rgba(80,80,80,0);
	border:1px solid rgba(66,65,44,.14);
	border-radius:var(--eb-radius-m);
	padding:12px;
	position:relative;
	box-shadow:var(--eb-shadow-s);
	margin:10px 5px 10px 5px;
}

.block p{
	font-size:12px;
}

.address-block{
	width:200px;
	height:150px;
	padding:15px 10px 10px 10px;
	margin:0 5px 10px 5px;
}

.address-block.nosize{
	width:auto;
	height:auto;
}

.address-block .buttons{
	position:absolute;
	bottom:0;
	left:0;
	padding:10px;
}

.address-block p b {
	font-size:14px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:inline-block;
	width:calc(100% - 2px);
}

.amz-text{
	outline:0;
	color:#111;
	text-align:center;
	font-size:13px;
	line-height:29px;
	display:block;
	font-family:var(--eb-font);
	white-space:nowrap;
	background-color:transparent;
	margin:0;
	border:0;
	width:100%;
	height:100%;
}

.amz-span{
	font-size:13px;
	line-height:19px;
	color:#333;
	font-family:var(--eb-font);
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
	display:block;
	position:relative;
	height:29px;
	overflow:hidden;
	border-radius:var(--eb-radius-s);
	background:#f3d078;
	background:linear-gradient(180deg,#f7dfa5,#f0c14b);
	box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4);
}

.amz-button{
	font-size:13px;
	line-height:19px;
	color:#333;
	font-family:var(--eb-font);
	box-sizing:border-box;
	display:inline-block;
	padding:0;
	vertical-align:middle;
	height:31px;
	border-style:solid;
	border-width:1px;
	text-align:center;
	overflow:hidden;
	max-width:100%;
	text-decoration:none!important;
	border-radius:var(--eb-radius-s);
	cursor:pointer;
	width:100%!important;
	border-color:#cba957 #bf942a #aa8326;
	background:#f0c14b;
	margin-bottom:10px;
	transition:filter .15s ease;
}

.amz-button:hover{
	border-color:#c59f43 #aa8326 #957321;
	background:#f1c860;
}

.amz-button:hover .amz-span{
	box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4);
	background:linear-gradient(180deg,#f5d78e,#eeb933);
}

.amz-button:active{
	background:#f0c14b;
	border-color:#aa8326 #bf942a #bf942a;
}

.amz-button:active .amz-span{
	box-shadow:inset 0 1px 3px rgba(0,0,0,.2);
	background-color:#f0c14b;
	background-image:none;
}

.amz-button:focus{
	outline:none;
}

.amz-button:focus-visible{
	outline:2px solid var(--eb-gold-dark);
	outline-offset:2px;
}

.amz-grey-button{
	display:inline-block;
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
	width:calc(50% - 16.2px);
	font-size:12px !important;
	border:1px solid lightgrey;
	border-radius:var(--eb-radius-s);
	padding:6px 10px;
	background:#eff0f3;
	background:linear-gradient(180deg,#f7f8fa,#e7e9ec);
	text-decoration:none;
	color:#222222 !important;
	text-align:center;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	font-family:var(--eb-font) !important;
	cursor:pointer;
	transition:border-color .15s ease, box-shadow .15s ease;
}

.amz-grey-button:hover{
	text-decoration:none;
	font-size:12px;
	border:1px solid grey;
	color:#222222 !important;
	box-shadow:var(--eb-shadow-s);
}

.amz-grey-button:active{
	box-shadow:inset 0 1px 3px rgba(0,0,0,.2);
}

.amz-grey-button:visited{
	text-decoration:none;
	font-size:12px;
	color:#222222 !important;
}

.amz-grey-button:focus{
	outline:none;
}

.amz-grey-button:focus-visible{
	outline:2px solid var(--eb-gold-dark);
	outline-offset:2px;
}

.block-hover{
	transition:box-shadow .2s ease, color .2s ease;
}

.block-hover:hover{
	color:black;
	box-shadow:0 10px 24px -10px rgba(0,0,0,.45);
}

.block-hover:hover img{
	opacity:1 !important;
}

/* ============================================================
   REFRESH 2026 — rifinitura visiva su palette originale
   (oro #D7C47C / crema #E8DAAE / oliva #838374 / teal #12302F)
   ============================================================ */

body[bgcolor="FFFFFF"], body[bgcolor="#FFFFFF"], body[bgcolor="ffffff"]{
	background-color:#F7F5EF;
}

/* Testata */
#header_image_container{
	background:linear-gradient(135deg,#0F2A29 0%,#1C4A45 55%,#12302F 100%) !important;
	border-bottom:3px solid #C8AC4A;
}

#header_image{
	filter:saturate(1) contrast(1.02);
}

/* Barra di navigazione */
#menu_container table{
	background-image:linear-gradient(180deg,#F4ECCB 0%,#DADBC3 100%);
	border-bottom:1px solid #C8AC4A;
}

#menu_container a{
	font-weight:600;
	color:#42412C;
	border-radius:var(--eb-radius-s);
	padding:0 12px;
}

#menu_container a:hover{
	background-color:rgba(255,255,255,.8) !important;
}

#menu_container font[color="#FFFFFF"]{
	color:#C4B36E !important;
}

#dropdown_user_menu a{
	padding:8px 12px;
	border-radius:0;
	color:#F7F7F7;
}

#dropdown_user_menu a:hover{
	background-color:rgba(255,255,255,.14) !important;
}

/* Colonna laterale */
#sidebar{
	box-shadow:inset -3px 0 0 0 #C8AC4A,inset -4px 0 0 0 rgba(0,0,0,.06);
}

td#sidebar input[type="text"]{
	border-radius:var(--eb-radius-s);
	padding:6px 10px;
	box-shadow:inset 0 1px 2px rgba(0,0,0,.18);
}

td#sidebar input[type="image"]{
	background-color:#C8AC4A;
	border-radius:var(--eb-radius-s);
	padding:5px;
	margin-top:8px;
	cursor:pointer;
	box-shadow:0 3px 8px -3px rgba(0,0,0,.45);
	transition:background-color .15s ease,transform .15s ease;
}

td#sidebar input[type="image"]:hover{
	background-color:#B79A39;
	transform:translateY(-1px);
}

#sidebar a{
	display:block;
	padding:6px 8px;
	border-radius:var(--eb-radius-s);
	line-height:1.5;
}

#sidebar a:hover{
	background-color:rgba(255,255,255,.2) !important;
}

#sidebar font[color="#0000FF"]{
	display:inline-block;
	background-color:rgba(255,255,255,.22) !important;
	color:#FFFFFF !important;
	font-size:11px !important;
	line-height:1.7;
	padding:0 8px;
	border-radius:var(--eb-radius-pill);
}

/* Vetrina prodotto — home e griglie */
#products_table{
	border-collapse:separate;
	border-spacing:12px;
}

#products_table .item > table,
td.item > table{
	border:1px solid var(--eb-border-soft) !important;
	border-radius:var(--eb-radius-l);
	background-color:#FFFFFF;
	box-shadow:0 1px 2px rgba(66,65,44,.05),0 18px 34px -26px rgba(66,65,44,.5);
	transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

#products_table .item > table:hover,
td.item > table:hover{
	transform:translateY(-3px);
	border-color:#E0D3A8 !important;
	box-shadow:0 2px 4px rgba(66,65,44,.06),0 24px 42px -24px rgba(66,65,44,.55);
}

td.item > table td{
	border:0;
	padding:8px;
}

td.item td[width="130"]{
	text-align:center;
}

td.item div[align="center"] a{
	color:#8F8556;
	font-size:11px;
	font-weight:600;
	letter-spacing:.05em;
}

td.item div[align="center"] a:hover{
	color:#42412C;
}

td.item div[align="left"] a{
	color:#42412C;
	font-weight:600;
	line-height:1.35;
}

td.item div[align="left"] a:hover{
	color:#8F8556;
}

/* Righe prodotto — catalogo e ricerca */
#products_list{
	border:0 !important;
	border-collapse:separate;
	border-spacing:0;
	background-color:#FFFFFF;
	border-radius:var(--eb-radius-l);
	overflow:hidden;
	box-shadow:0 1px 2px rgba(66,65,44,.06),0 20px 40px -30px rgba(66,65,44,.55);
}

#products_list tr.item > td{
	padding:12px;
	border-bottom:1px solid var(--eb-border-soft);
}

#products_list tr.item:last-child > td{
	border-bottom:0;
}

#products_list tr.item:hover > td{
	background-color:#FFFBF0;
}

#products_list tr.item .product_image{
	background-color:#FFFFFF;
}

/* Piè di pagina */
#footer_container > td{
	background:linear-gradient(180deg,#96895C 0%,#7C7348 100%);
	border-top:3px solid #C8AC4A;
	padding:14px 8px;
}

#footer_container td[bgcolor="#ffffff"]{
	background-color:#FFFFFF !important;
	border-radius:var(--eb-radius-l);
	padding:10px 12px;
}

#footer_container a{
	color:#FFF6DC !important;
	font-weight:500;
}

#footer_container a:hover{
	color:#FFE9A8 !important;
	text-decoration:underline;
}

#footer_container table{
	margin:0 auto;
}

/* Accessibilita e navigazione agentica */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* Elenco categorie: voci compatte con area cliccabile di almeno 24px */
td#lista_botteghe a{display:block;padding:3px 8px;line-height:1.5;}