/* Admiral Date Widget Theme Styles (mobile + desktop)
   Todo lo relacionado al shortcode [admiral_date_search] y variante [admiral_date_search_mobile]
   Colores se heredan de variables o se pueden sobrescribir aquí. */

/* Mapeo de variables a la paleta global de Kadence (si existe) */
.admiral-date-widget{
  --admiral-accent: var(--global-palette1, #d4af37);
  --admiral-accent-hover: var(--global-palette2, #c49a30);
  --admiral-btn-bg: var(--global-palette1, #d4af37);
  --admiral-btn-bg-hover:  var(--global-palette2, #c49a30);
  --admiral-btn-text:var(--global-palette9,#fff);
  --admiral-btn-text-hover: var(--global-palette9,#fff);
  --admiral-date-border: var(--global-palette7, #ddd);
  --admiral-date-bg: var(--global-palette9,#fff);
  --admiral-date-text: var(--global-palette3,#111);
  --admiral-date-muted: var(--global-palette5,#666);
}

.admiral-date-widget{font-family:inherit;}
/* Auto-colapso por scroll: cuando se añade .scroll-autocollapse reducimos panel */
/* Autocollapse eliminado del theme: ahora reside en el plugin (date-search.css) */

/* Peso por defecto (regular) para el número grande del día en Playfair */
:root{ --admiral-date-inline-day-weight:400; }

/* Ocultar inline badge si no se necesita */
.admiral-date-version-badge{display:none;}

/* Botón colapsable desktop */
.admiral-date-collapsed-label{background:var(--admiral-btn-bg);color:var(--admiral-btn-text);font-size:14px;padding:12px 22px;border-radius:3px;letter-spacing:.5px;cursor:pointer;border:none;}
.admiral-date-collapsed-label:hover{background:var(--admiral-btn-bg-hover);}

/* Panel base */
.admiral-date-card{background:var(--admiral-date-bg);border:1px solid var(--admiral-date-border);border-radius:3px;}

/* Inline picker */
.admiral-date-inline-picker{gap:4px;}
.admiral-date-day{font-weight:var(--admiral-date-inline-day-weight,400);} /* antes 600; ahora variable para usar peso regular por defecto */
.admiral-date-month{font-size:11px;letter-spacing:.5px;}

/* Time select wrapper */
.admiral-time-selectwrap{position:relative;display:block;}
.admiral-time-select-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);fill:var(--admiral-date-muted);pointer-events:none;}
.admiral-date-time-select{width:100%;padding:.55rem .6rem .55rem 2.2rem;border:1px solid var(--admiral-date-border);border-radius:3px;font-size:14px;line-height:1.2;background:var(--admiral-date-bg);color:var(--admiral-date-text);appearance:none;}
.admiral-date-time-select:focus{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.15);border-color:var(--admiral-date-border);}

/* Submit */
.admiral-date-submit.button{background:var(--admiral-btn-bg);color:var(--admiral-btn-text);border:none;border-radius:3px;padding:10px 20px;font-weight:600;cursor:pointer;}
.admiral-date-submit.button:hover:not(:disabled){background:var(--admiral-btn-bg-hover);} 
.admiral-date-submit.button:disabled{opacity:.5;cursor:not-allowed;}

/* Estado + resultados */
.admiral-date-status{font-size:12px;color:#555;margin-top:.5rem;}
.admiral-date-results{display:grid;gap:.4rem;margin-top:.4rem;}
/* Ocultar contenedores vacíos para no reservar espacio */
.admiral-date-status:empty{display:none;}
.admiral-date-results:empty{display:none;}
.admiral-date-result-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border:1px solid var(--admiral-date-border);border-radius:3px;font-size:13px;background:var(--admiral-date-bg);color:var(--admiral-date-text);}
.admiral-date-result-item a{text-decoration:none;color:#222;font-weight:500;}
.admiral-date-result-item:hover{background:var(--global-palette8,#f5f5f5);}

/* Mobile inline layout 50/50 */
.admiral-date-widget--mobile-inline.admiral-date-widget--mobile-select .admiral-date-card-inner{display:flex;flex-wrap:wrap;}
.admiral-date-widget--mobile-select .admiral-date-inline-picker{flex:0 0 50%;max-width:50%;}
.admiral-date-widget--mobile-select .admiral-date-form{flex:0 0 50%;max-width:50%;padding-left:6px;display:flex;flex-direction:column;gap:6px;}
.admiral-date-widget--mobile-select .admiral-date-trigger{display:flex;align-items:center;gap:8px;border:1px solid #ccc;border-radius:3px;background:#fff;padding:10px 12px;}
.admiral-date-widget--mobile-select .admiral-date-day{font-size:15px;font-weight:500;}
.admiral-date-widget--mobile-select .admiral-date-month{display:none!important;}

@media (max-width:540px){
  .admiral-date-widget--mobile-select .admiral-date-inline-picker,
  .admiral-date-widget--mobile-select .admiral-date-form{flex:0 0 100%;max-width:100%;padding:0;}
  .admiral-date-widget--mobile-select .admiral-date-form{flex-direction:row;flex-wrap:wrap;}
  .admiral-date-widget--mobile-select .admiral-date-form .admiral-date-time-field{flex:1 1 50%;}
  .admiral-date-widget--mobile-select .admiral-date-form .admiral-date-submit.button{flex:1 1 100%;}
}

/* Floating calendar bottom-left */
.admiral-date-widget--mobile-select .admiral-date-floating-calendar{left:0;top:100%;transform:translateY(4px);}

/* Modo reemplazo mobile: el calendario sustituye el contenido del panel */
.admiral-date-widget--mobile-select.is-open-replace .admiral-date-card-inner{position:relative;}
.admiral-date-widget--mobile-select.is-open-replace [data-admiral-date-panel]{opacity:0;visibility:hidden;transition:opacity .15s ease;}
.admiral-date-widget--mobile-select.is-open-replace .admiral-date-card-inner{min-height:var(--admiral-date-panel-height,auto);} /* preserva altura para overlay */
.admiral-date-widget--mobile-select.is-open-replace .admiral-date-floating-calendar{position:absolute;left:0;top:0;width:100%;transform:none;}
.admiral-date-widget--mobile-select .admiral-date-floating-calendar{opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s ease;transform-origin:0 0;}
.admiral-date-widget--mobile-select.is-open-replace .admiral-date-floating-calendar.is-open{opacity:1;pointer-events:auto;}
.admiral-date-widget--mobile-select.is-open-replace .admiral-date-floating-calendar.is-open .admiral-date-calendar{animation:admiralCalScaleIn .18s ease;}
@keyframes admiralCalScaleIn{0%{opacity:0;transform:scale(.92);}100%{opacity:1;transform:scale(1);} }

/* ======================================================
  Forzar icono reloj estilo "delgado" consistente
  Asegura que ningún stylesheet externo engrose/stroke el SVG
  y elimina posibles backgrounds/pseudo-elementos añadidos. 
  ====================================================== */
.admiral-time-selectwrap{position:relative;}
.admiral-time-selectwrap .admiral-time-select-icon{width:16px;height:16px;min-width:16px;min-height:16px;fill:var(--admiral-date-muted);stroke:none;stroke-width:0;display:block;}
/* Neutralizar posibles estilos heredados que cambien grosor o añadan icono extra */
.admiral-time-selectwrap::before,
.admiral-time-selectwrap::after{content:none !important;}
.admiral-time-selectwrap .admiral-date-time-select{background-image:none !important;}
.admiral-time-selectwrap .admiral-time-select-icon path{stroke:none !important;stroke-width:0 !important;}