/* Cro Cure Premium 1.0.1 — legacy WordPress image alignment + accessible call section.
   Apply ONLY inside post content: card/grid images elsewhere keep their theme layout. */

/* A post can contain Classic Editor images, Gutenberg blocks or old WP captions.
   The previous theme provided alignleft/alignright/aligncenter; restore that contract. */
.ccp-prose { display: flow-root; }
.ccp-prose img,
.ccp-prose video,
.ccp-prose iframe { max-width: 100%; height: auto; }
.ccp-prose .alignleft,
.ccp-prose .wp-block-image .alignleft,
.ccp-prose .wp-block-image.alignleft { float: left; margin: .35em 1.5em 1em 0; }
.ccp-prose .alignright,
.ccp-prose .wp-block-image .alignright,
.ccp-prose .wp-block-image.alignright { float: right; margin: .35em 0 1em 1.5em; }
.ccp-prose .aligncenter,
.ccp-prose .wp-block-image .aligncenter,
.ccp-prose .wp-block-image.aligncenter { display: block; float: none; clear: both; margin: 1.4em auto; }
.ccp-prose img.aligncenter,
.ccp-prose .aligncenter > img,
.ccp-prose figure.aligncenter > a > img,
.ccp-prose figure.aligncenter > img { margin-left: auto; margin-right: auto; }
.ccp-prose .alignnone { float: none; }
.ccp-prose figure,
.ccp-prose .wp-caption { max-width: 100%; }
.ccp-prose .wp-caption-text,
.ccp-prose figcaption { color: #ddc0af; font-size: .86em; line-height: 1.55; margin-top: .4em; }
.ccp-prose .wp-caption.aligncenter,
.ccp-prose figure.aligncenter { width: fit-content; max-width: 100%; }
.ccp-prose .wp-block-image figure { max-width: 100%; }
.ccp-prose .wp-block-image img { max-width: 100%; height: auto; }
.ccp-prose .wp-block-image.alignwide,
.ccp-prose .wp-block-image.alignfull { max-width: 100%; width: 100%; }
.ccp-prose .wp-block-gallery { display: flex; flex-wrap: wrap; gap: 12px; clear: both; }
.ccp-prose .wp-block-gallery .wp-block-image { margin: 0; min-width: 0; }
.ccp-prose .gallery { clear: both; max-width: 100%; }
.ccp-prose .gallery-item { max-width: 100%; }
.ccp-prose .gallery img { max-width: 100%; height: auto; }
.ccp-prose .wp-block-separator,
.ccp-prose hr { clear: both; }
/* Featured image has no user-defined inline alignment; center it in the article. */
.ccp-single-cover img { margin-inline: auto; }

/* Existing phone/local content is MOVED (never copied or changed) into this panel
   when the published post contains the familiar 'Pozovi me na broj' heading. */
.ccp-profile-single .ccp-call-card {
  clear: both; position: relative; isolation: isolate; overflow: hidden;
  display: flex; flex-direction: column; align-items: center;
  width: 100%; max-width: 650px;
  margin: 2.1rem auto; padding: 26px clamp(18px,5vw,42px);
  border: 2px solid #ebc188; border-radius: 18px;
  background: linear-gradient(145deg,#fff5e6 0%,#fce3bb 62%,#e9bd82 100%);
  box-shadow: 0 18px 42px rgba(6,0,3,.36),inset 0 1px rgba(255,255,255,.9);
  color: #35151b; text-align: center; line-height: 1.35;
}
.ccp-profile-single .ccp-call-card::before {
  content: '☎'; display: grid; place-items: center;
  width: 50px; height: 50px; margin: 0 auto 10px;
  border-radius: 50%; background: #461a25; color: #ffe0a6;
  font: 28px/1 Arial,sans-serif;
}
.ccp-profile-single .ccp-call-card > * {
  float: none !important; clear: none; max-width: 100%;
  margin: 0 auto 8px; color: #35151b !important;
  text-align: center; overflow-wrap: anywhere;
}
.ccp-profile-single .ccp-call-card > :first-child { font: 700 13px/1.45 'DM Sans',Arial,sans-serif; text-transform: uppercase; letter-spacing: .14em; }
.ccp-profile-single .ccp-call-card .ccp-call-number {
  font: 800 clamp(27px,5vw,43px)/1.16 'DM Sans',Arial,sans-serif;
  letter-spacing: -.035em; color: #461725 !important;
  text-wrap: balance; overflow-wrap: anywhere;
}
.ccp-profile-single .ccp-call-card .ccp-call-number a {
  color: #461725 !important; text-decoration: none;
  border-bottom: 2px solid rgba(70,23,37,.36);
}
.ccp-profile-single .ccp-call-card .ccp-call-number a:hover,
.ccp-profile-single .ccp-call-card .ccp-call-number a:focus-visible { border-color: #461725; }
.ccp-profile-single .ccp-call-card .ccp-call-local {
  display: inline-block; width: auto; max-width: 100%;
  padding: 8px 16px; border-radius: 30px;
  background: #461a25; color: #fff4e1 !important;
  font: 700 clamp(14px,2.5vw,18px)/1.4 'DM Sans',Arial,sans-serif;
}
.ccp-profile-single .ccp-call-card .ccp-call-local a { color: #fff4e1 !important; }
.ccp-profile-single .ccp-call-card > :last-child { margin-bottom: 0; }

@media(max-width:640px) {
  /* On a narrow screen, floating photos become full-width rather than squeezing text. */
  .ccp-prose .alignleft,
  .ccp-prose .alignright,
  .ccp-prose .wp-block-image .alignleft,
  .ccp-prose .wp-block-image .alignright,
  .ccp-prose .wp-block-image.alignleft,
  .ccp-prose .wp-block-image.alignright {
    float: none; display: block; clear: both; width: fit-content;
    max-width: 100%; margin: 1.25em auto;
  }
  .ccp-prose .alignleft > img,.ccp-prose .alignright > img { max-width: 100%; }
  .ccp-profile-single .ccp-call-card { padding: 24px 13px; border-radius: 13px; }
}