/**
Theme Name: Astra Child
Author: AXA ehf
Author URI: https://axa.is/
Description: Hratt, fallegt, gott og einstakt!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==========================================================
   Fjárhúsið – Global Brand Tokens (skjár nálgun Pantone)
   - 533C (navy) + 5425C (mist)
   ========================================================== */
:root{
  --fh-navy: #1F2A44;
  --fh-mist: #7A99AC;
  --fh-ink:  #0f172a;
  --fh-bg:   #ffffff;
}

/* ==========================================================
   Fjárhúsið – Skattadagatal ticker (shortcode)
   - Fix underline úr theme/Elementor
   - Premium edge fade í viewport
   - Smá polish á pillum og focus states
   ========================================================== */

/* Link styling: ekki “global underline” nema á hover/focus */
.fh-ticker--brand .fh-ticker__item a{
  text-decoration: none !important;
  border-bottom: none !important;
  color: var(--fh-ink);
}

.fh-ticker--brand .fh-ticker__item a:hover,
.fh-ticker--brand .fh-ticker__item a:focus{
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Viewport edge fade (mýkir inn/út) */
.fh-ticker--brand .fh-ticker__viewport{
  position: relative;
}

.fh-ticker--brand .fh-ticker__viewport::before,
.fh-ticker--brand .fh-ticker__viewport::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:28px;
  pointer-events:none;
  z-index:2;
}

.fh-ticker--brand .fh-ticker__viewport::before{
  left:0;
  background: linear-gradient(to right, rgba(255,255,255,.95), rgba(255,255,255,0));
}

.fh-ticker--brand .fh-ticker__viewport::after{
  right:0;
  background: linear-gradient(to left, rgba(255,255,255,.95), rgba(255,255,255,0));
}

/* Smá “tighter” rými á mjög litlum skjám (valkvætt) */
@media (max-width: 480px){
  .fh-ticker--brand{
    padding: 10px 10px;
    border-radius: 14px;
  }
  .fh-ticker--brand .fh-ticker__viewport{
    padding: 8px 8px;
  }
}